전체 글

리액트 실행 및 파일 설명 리액트 실행 VSCode에서 새로운 터미널을 열어준다. 새로운 터미널의 경로가 리액트가 설치된 폴더에 연결이 됐는지 확인하고 안되면 cd로 경로 변경한다. npm start를 하면 메인페이지가 새로운 탭(크롬)에 띄워진다. 파일 설명 node_modules 폴더는 우리가 프로젝트 구동에 필요한 라이브러리의 소스코드를 모아둔 폴더이다. public 폴더는 잠깐 html 파일이나 이미지 파일을 보관할 때 사용하는 폴더이다. 가장 중요한 src 폴더에 코드를 짠다. App.js가 메인 페이지이다. App.js에서 코드를 짜면 메인 페이지에 바로 반영이 된다. js 파일에다가 html 코드를 짰는데도 브라우저에 띄워지는 이유는 App.js를 index.html에 넣어주는 index.j..

React.js 정의와 설치 및 프로젝트 폴더 세팅 1. React.js? 리액트는 자바스크립트만으로 UI 구성이 어려워서 Meta에서 만든 라이브러리이다. JS의 단점은 HTML파일과 JS파일을 분리해야하지만 React.js는 JSX문법을 사용해서 HTML문법과 JS 문법을 동시에 사용한다. JSX는 JS에 XML을 추가한 확장 문법이다. 파일을 분리하지 않기 때문에 가독성이 높고 작성하기 쉽다. JS의 또 다른 단점은 document 문법이 너무 길다는 것이다. 그리고 새 페이지를 들어갈 때마다 새로고침을 한다. 리액트는 SPA로 서버로부터 새로운 페이지를 불러오지않고 현재 페이지를 동적으로 다시 작성함으로써 유저와 소통하는 웹사이트이다. 한국에서는 React.js를 많이 사용하기 때문에 React...

FROM문에 대해 자세히 배우다. -- 원래는 쿼리를 작성할 때 스키마.테이블.컬럼 형태로 작성 SELECT TB_CUST.CUST_NAME , TB_CUST.PASSWD FROM TB_CUST WHERE TB_CUST.CUST_ID = 'C0001'; 원래는 SELECT문에서 출력할 때 스키마, 테이블을 써서 자세하게 써야한다. -- 테이블에 별칭을 줘서 편하게 사용 AS 사용 X EX) A, B, C ... -- 별칭을 주면 별칭만 사용해야 함 SELECT A.CUST_ID , A.CUST_NAME , B.CUST_ID , B.TEL_NO FROM TB_CUST A , TB_CUST_TEL B; 2개 이상의 테이블을 조회할 때는 테이블에 별칭을 지어줘서 SELECT에서 간결하게 쓸 수 있게 한다.

날짜데이터로 값을 조회하는 방법을 배우다. 1. 날짜데이터 → 문자데이터 -- 날짜데이터로 조회하는 방법 -- TO_CHAR 을 활용한 방법 -- 문자데이터로 만들어서 비교 (편법) SELECT * FROM TB_PRD WHERE TO_CHAR(REG_DT, 'YYYYMMDD') = '20230501' OR TO_CHAR(REG_DT, 'YYYYMMDD') = '20230502'; 출력하고싶은 것은 2023년 5월 1일 ~ 2023년 5월 2일 까지의 것들이다. 그것들의 REG_DT를 문자열로 형변환 한후 포매팅으로 YYYYMMDD로 연월일만 꺼내준다. 그 이유는 꺼낼 조건이 연월일만 있기 때문이다. 그것들의 연월일이 20230501 또는 20230502이면 조건에 충족한다. 2. 문자데이터 → 날짜데이..

값에 포함된 특정 단어가 포함된 값만 출력할 때 사용하는 LIKE 연산자를 배우다. -- LIKE 연산 - 검색할 때 WHERE 컬럼 LIKE ''; -- % : 여러개 , _ : 언더바 1개당 1개의 문자 -- '수%' : '수'로 시작하는 문자를 출력 -- '%수%' : '수'가 포함된 문자를 출력 (주로 사용) -- '%수' : '수'로 끝나는 문자를 출력 SELECT * FROM TB_PRD WHERE PRD_DETAIL LIKE '%적합한%'; LIKE 연산자는 그 컬럼의 값들 중에 특정 단어가 포함 된 값만 출력하고 싶을 때 사용한다. %는 여러 문자, _(언더바)는 언더바의 개수만큼을 의미한다. 예를들어 티_ _ _ 는 '티'라는 문자 뒤에 3개의 문자가 오는 값만 출력한다.

IN과 BEWEEN에 대해 배우다. IN -- IN 연산자. OR 연산을 줄여줌 / IN안의 NULL은 무시함, NOT IN안에 NULL이 들어가면 아무것도 출력X -- NOT은 연산자를 반대로만듦 (OR -> AND) 따라서 NOT IN은 AND가 중첩되서 아무것도 출력되지않음 SELECT * FROM TB_PRD WHERE PRD_TYPE IN ('가전', '욕실용품', '스마트폰'); OR을 1번만 사용하게 된다면 그냥 OR을 사용하면 되지만 2개 이상부터는 OR을 여러 번 붙여서 사용하기 번거롭다. 그 단점을 보완해 주기 위해 IN 연산자를 사용하면 된다. 쉽게 IN 안에 OR에 사용될 값들을 적으면 된다. BETWEEN -- BETWEEN A AND B (A = 21 AND SCORE

WHERE문에서 사용가능한 부정연산인 NOT, !을 배우다. ! SELECT * FROM TB_CUST_ADDR WHERE ADDR_DVCD != '회사'; 주소의 구분코드가 '회사'가 아닌 것들만 출력하게 ADDR_DVCD != '회사'를 사용했다. NOT / IS NULL, IS NOT NULL -- NULL 데이터를 출력하는 방법 IS NULL, IS NOT NULL SELECT * FROM TB_CUST WHERE BIRTH_DY IS NULL; SELECT * FROM TB_CUST WHERE BIRTH_DY IS NOT NULL; IS NULL 은 그 컬럼의 값 중에서 NULL 값인 행만을 출력한다. NOT을 사용해서 IS NOT NULL로 NULL값이 아닌 값들이 출력되게 할 수 있다. 이런..

조건을 적용하는 WHERE을 배우다. SELECT * FROM TB_CUST WHERE CUST_NAME = '고객002'; WHERE에서 CUST_NAEM이 고객002인 사람만 출력하게 했으니 결과가 저렇게 나온다. AND SELECT * FROM TB_CUST WHERE SCORE = 20000; 그냥 AND, 두 조건에 모두 참인 결과 값만 출력. OR SELECT * FROM TB_CUST WHERE SCORE = 0 OR MONEY = 10000; 그냥 OR, 두 조건중 하나라도 참이면 그 결과 값 출력. AND, OR 혼 SELECT * FROM TB_PRD WHERE (PRD_AMT = 20000 OR PRD_TYPE = '가전') AND PRD_TYPE ='주방용품'; -- 우선 AND >..