본문 바로가기

분류 전체보기42

React의 핵심 개념 JSX, Props, State 1️⃣ JSX (JavaScript XML) 💡 개념JSX는 JavaScript 코드에서 HTML을 작성하는 방식, HTML처럼 보이지만 js 코드 안에서 동작한다~  ✨ 특징html 문법과 유사하지만 js 코드로 변환됨중괄호 안에 js 표현식 사용  📝 예제function HelloWorld(){ const name = "React"; return Hello, {name}!}위 코드에서 Hello, {name}!은 JSX로, name에 변수값이 대입되어 Hello, React가 출력  ⚠️ 주의JSX는 한개의 부모요소로 무조건 감싸야함// 잘못된 예제return Hello!React;// 올바른 예제return ( Hello! React );2️⃣ Props(Propertie.. 2025. 2. 9.
챗지피티가 알려준 React 공부 커리큘럼 프로계획('만')러 ...아좌좌... 1. 기초 다지기 (약 2~3주/~3.1)목표: React의 기본 개념과 컴포넌트 구조 이해내용:JSX, Props, State 이해이벤트 핸들링컴포넌트 간 데이터 전달 (props, state)추천 활동:공식 문서(React Docs) 튜토리얼 완성간단한 카운터 앱 또는 To-Do 리스트 만들기코드 샌드박스에서 실습 2. 중급 단계 (약 4~6주/~5.1)목표: 실무에서 사용되는 주요 기능 학습내용:React Hooks (useState, useEffect, useContext)컴포넌트 재사용 및 폴더 구조 학습React Router로 페이지 이동 처리스타일링 (CSS Modules, Styled Components)API 통신 (axios 또는 fetch)추천 활.. 2025. 2. 9.
React 개발 환경 구성 신년맞이.. REACT 공부결심...다시 시작해봅니다.. 이번엔 어디까지할지...ㅋㅋㅋ ㅠㅠ 환경세팅부터 해보죠. 저는 m1 air로 개발합니다종종 윈도우로 하기도 합니다잇 아래는 맥을 기준으로 설치했어요윈도우에도 해보다가 어우 복잡해서 다시 맥 켰습니다...  0. npm, node, npx 설치부터.날로 먹기... 감사합니다..https://velog.io/@cho876/Chapter01.-React-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85-Mac-OS  npm과 npx는 뭐가 다를까?npm(Node Package manager)은 node.js를 관리하는 패키지 매니저, 패키지 설치/업데이트/삭제하는 도구npx(Node Package Exe.. 2025. 2. 9.
S/4HANA - 특정 구분자로 이루어진 문자열 부분 추출 - SUBSTRING_REGEXPR / REGEXP_SUBSTR 'AAAA/BBBB/CCCC/DDDD/EEEE'  에서 CCCC만 갖다 쓰고 싶은 경우 📌 SUBSTRING_REGEXPR 사용 (S/4HANA 표준 함수)SELECT SUBSTRING_REGEXPR('(?🔹 해석(?[^/] → /가 아닌 문자들을 매칭.(?=/) → 뒤에 /가 있는 경우 찾음.OCCURRENCE 2 → 두 번째 슬래시(/) 사이의 값을 추출. 📌 REGEXP_SUBSTR 사용 (대안) SELECT REGEXP_SUBSTR('AAAA/BBBB/CCCC/DDDD/EEEE', '[^/]+', 1, 3) AS extracted_value FROM DUMMY;🔹 해석'[^/]+' → /을 제외한 문자열을 찾음.1, 3 → 세 번째 구분자 사이 값을 가져옴 (CCCC).  📌 테이블에.. 2025. 2. 6.
S/4HANA에서 문자·숫자만 남기기 REGEXP_REPLACE와 REPLACE_REGEXPR 함수 사용법 재작년 3월에 hana 관련 내가 적은 글 봐도 뭔 소린지... 이게 실무와 공부의 차이인가(아님)  문제 : 1. 알수없는 문자와 LF,CR 등이 문자열에 끼어 DB에 저장 되어 있음(내가 만든거 아님..)2. where 절에 조건으로 넣으니 검색이 안됨 1차 해결 : REPLACE와 CHR(10), CHR(13)으로 간단하게 해결하기SELECT * FROM TABLE_NAME WHERE REPLACE(COLUMN_NAME, CHR(10), '') LIKE '%' || REPLACE(COLUMN_NAME, CHR(10) || CHR(13), '') || '%'로 어느정도 해결 되는 듯 했으나 또 검색 조건에 안 걸림 2차 해결 : REGEXP_REPLACE()극단적으로 숫자와 문자를 제외하고 모든.. 2025. 2. 5.
[플러터] 위치 권한 받는 함수 보호되어 있는 글 입니다. 2023. 11. 25.
SQLP 데이터베이스 아키텍처 1. 아키텍처 개관 가. 모델링의 정의 oracle에서는 디스크에 저장된 데이터 집합(datafile, redo log file, control file 등)을 데이터베이스라고 한다. sga 공유 메모리 영역과 이를 액세스하는 프로세스 집합을 합쳐서 인스턴스라고 부른다. 기본적으로 하나의 인스턴스가 하나의 데이터베이스만 엑세스 하지만, rac 환경에서는 여러 인스턴스가 하나의 데이터베이스를 액세스 할 수 있다. 하나의 인스턴스가 여러 데이터베이스를 액세스 할 수는 없다. 기본은 인스턴스 ---(엑세스)---> 데이터베이스가 1:1인데 rac 환경에서는 인스턴스 ---(엑세스)--> 데이터베이스 (N:1) 하나의 인스턴스 ---(엑세스)---> 데이터베이스 3개 (X) 나. SQL Server 아키텍처 s.. 2023. 7. 28.
View 환경 설정 보호되어 있는 글 입니다. 2023. 7. 26.
엑셀에 있는 데이터로 파일명, 배치 파일로 파일 여러개 한번에 만들기 1. 복사할 파일을 만든다. 있다면 내용도 복사되니 감안해서 만들어둔다. 2. 새로 만들어질 파일 명을 sheet에서 복사한다.copy "AAA12" "새 파일명" 형식으로 copy "AAA12"  "sheet명:글자위치" 이런식으로 불러오기 한다. 칼럼을 copy "복사할 파일명" "sheet2:A6" 해서 생성할 파일 개수만큼 아래와 같이 줄을 만든다. 새 파일명이 BBB12, CCC12, DDD12인 경우 결과는 아래와 같다. copy "AAA12" "BBB12"copy "AAA12" "CCC12"copy "AAA12" "DDD12"copy "AAA12" "EEE12"  3. 엑셀에서 복사한다음 바꾸기로 탭을 삭제해주고 4. 파일명에 \ * / ? " |  등은 들어갈 수 없다. 미리 바꾸기로 바.. 2023. 6. 5.