![]()
Components 리액트는 Component-Based라는 중요한 특징이 있다는 것을 배웠다 => 모든 페이지가 컴포넌트로 구성되어 있고 하나의 컴포너트는 또 다른 여러개의 컴포넌트의 조합으로 구성될 수 있다 이렇게 하나의 컴포넌트를 반복적으로 사용함으로써 전체 코드의 양을 줄일 수 있어서 자연스레 개발 시간과 유지보수 비용도 줄일 수 있다! React component는 JavaScript의 함수와 같은 역할을 한다고 생각하면 되는데 입력과 출력값이 다르다 React Component에서 입력은 props이고 출력은 React element이다! => 어떤한 속성들을 입력받아 그에 맞는 리액트 엘리먼트를 생성하여 리턴해주는 것이다 (element는 자바스크립트 객체 형태로 존재하면 화면에 보이는걸 기..
![]()
react elements Elements의 정의 리액트의 엘리먼트는 리액트 앱을 구성하는 요소를 의미한다 리액트 공식 홈페이지에서는 Elements are the smallest building blocks of React apps 라고 정의한다 => 리액트 앱을 구성하는 가장 작은 블록들 실제 브라우저의 DOM에 존재하는 엘리먼트는 DOM 엘리먼트가 되는 것이고 React의 Virtual DOM에 존재하는 엘리먼트가 React 엘리먼트가 되는 것이다 => 결국 React 엘리먼트는 DOM 엘리먼트의 가상 표현이라고 볼 수 있다 (DOM 엘리먼트는 React 엘리먼트에 비해 많은 정보를 담고 있기 때문에 상대적으로 크고 무겁다!) React Elements는 화면에서 보이는 것들을 기술한다 => 엘리먼..
![]()
A syntax extension to JavaScript => 자바스크립트의 확장 문법 JSX란 JavaScript + XML / HTML 📌JSX코드 1 const element = Hello, world!; h1 태그로 둘러싸인 html을 element 변수에 저장시킴 JSX는 내부적으로 XML, HTML 코드를 JavaScript로 변환하는 과정을 거치게됨 => JSX로 코드를 작성해도 최종적으로는 JavaScript 코드로 나옴 이 변환하는 역할을 React의 createElement 함수가 해줌 React.createElement()의 결과로 element 객체가 생성됨 createElement 의 파라미터로는 React.createElement( type, [props], [...childr..
![]()
리액트의 장점 빠른 업데이트 & 렌더링 속도 여기서 말하는 업데이트는 웹 사이트를 탐색할 때 화면의 내용이 바뀌는걸 의미함! => 메뉴에서 마이페이지를 선택했을 때 현재 보고있는 화면에서 마이페이지 화면으로 전환되는걸 생각하면 됨 리액트는 빠른 업데이트를 위해 내부적으로 Virtual DOM을 사용함 Virtual DOM은 말 그대로 가상의 DOM임 📌 DOM이란 Document Of Model로 하나의 웹사이트를 정의하는 객체이다 (= 하나의 웹사이트 정보를 모두 담고있는 큰 그릇) Virtual DOM은 웹페이지와 실제 DOM 사이에서 중간 매개체 역할을 함 일반적으로 사용자와 상호작용을 하는 웹페이와 같은 경우 화면의 업데이트가 수시로 이뤄짐 => 화면이 업데이트 된다는 말은 곧 DOM이 수정된다는..
![]()
데이터 조작 데이터 삽입 1. 완전한 행 삽입 이 방법은 코딩을 짧게 해도 된다는 장점이 있는 반면 데이터를 삽입하는 값의 순서가 변경될 경우 테이블이 망가질 수 있다는 위험이 있다 INSERT INTO 테이블명 VALUES (값1, 값2, 값3); 2. 열 이름과 함께 완전한 행 삽입 INSERT INTO 테이블명(열 이름1, 열 이름2, 열 이름3) VALUES (값1, 값2, 값3); 3. 부분 행 삽입 INSERT INTO 테이블명(열 이름1, 열 이름3) VALUES(값1, 값3); 4. SQL 문장 결과를 삽입 INSERT INTO 테이블명1(열 이름1, 열 이름2, 열 이름3) SELECT 열 이름1, 열 이름2, 열 이름3 FROM 테이블명2 WHERE 조건절; 1. CUST_PARTY 테..
![]()
하위 쿼리의 이해 FROM절의 하위 쿼리 1. 조건에 맞는 대상자 선정 후 요약할 때 이 방법은 조건에 맞는 대상자를 선정한 후 데이터를 요약할 때 많이 사용된다 => 테이블 별칭을 주지 않으면 에러가 발생하기 때문에 하위 쿼리를 작성한 후 테이블 별칭을 꼭 주어야 한다 SELECT 열 이름1, 열 이름2 FROM (SELECT * FROM 테이블명 WHERE 조건절) (AS) 별칭 WHERE 조건절; 2. 테이블 조인을 할 때 테이블 조인을 할 때 필요한 정보만 조인할 수 있도록 고안된 방법이다 SELECT 별칭1.열 이름1, 별칭2.열 이름2 FROM 테이블명1 (AS) 별칭1 LEFT OUTER JOIN (SELECT 열 이름1, 열 이름2 FROM 테이블명 2 WHERE 조건절) (AS) 별칭2 ..
![]()
열(Column) 합치기 내부 조인 1. FROM/WHERE를 사용 내부 조인은 두 테이블의 키값이 매칭될 경우 선택된 모든 열을 나타냄 SELECT 테이블명1.열 이름1, 테이블명2.열 이름2 FROM 테이블명1, 테이블명2 WHERE 테이블명1.KEY=테이블명2.KEY; 2. FROM/WHERE와 별칭을 사용 오라클을 포함한 몇몇 DBMS는 테이블명 별칭을 줄 때 AS 키워드가 지원되지 않으므로 AS를 빼고 테이블 별칭을 설정해야함! SELECT 별칭1.열 이름1, 별칭2.열 이름2 FROM 테이블명1(AS) 별칭1, 테이블명2(AS) 별칭2 WHERE 별칭1.KEY=별칭2.KEY; 3. INNER JOIN을 사용 INNER JOIN을 사용하여 두 테이블을 합칠 수 있다 => ON 뒤에 두 테이블의 ..
![]()
데이터의 그룹화 GROUB BY 1. 열 이름으로 그룹화 집계 함수를 제외한 SELECT문의 모든 열은 GROUB BY절에 있어야함 SELECT 그룹화할 열 이름1, 그룹화할 열 이름2, 집계 함수 FROM 테이블명 WHERE 조건절 GROUB BY 열 이름1, 열 이름2; 2. 열 위치로 그룹화 SELECT 그룹화할 열 이름1, 그룹화할 열 이름2, 집계 함수 FROM 테이블명 WHERE 조건절 GROUB BY 1, 2; 1. PPC_201312 테이블을 사용하여 고객등급별 인당 평균 연 수익을 계산하려면? SELECT SEG, ANNL_REV FROM PPC_201312 GROUP BY SEG; 2. PPC_201312 테이블을 사용하여 카드상품과 대출상품 보유 간의 관계를 알아보려면? SELECT ..
![]()
숫자 데이터 요약하기 COUNT 함수 집계 함수 정리 1. COUNT : 행의 수를 나타냄 => NULL값을 포함한 전체 행의 수 : COUNT(*) => NULL값을 제외한 전체 행의 수 : COUNT(열 이름) => 중복을 제외한 행의 수 : COUNT(DISTINCT 열 이름) 2. SUM : 행의 합계를 나타냄 3. AVG : 행의 평균을 나타냄 4. MAX : 행의 최댓값을 나타냄 5. MIN : 행의 최솟값을 나타냄 6. STDENV : 행의 표준편차를 나타냄 7. VARIANCE : 행의 분산을 나타냄 1. STUD_SCORE 테이블을 사용하여 NULL 값을 제외한 음악 점수 보유자를 세려면? SELECT COUNT(MUSIC_SCORE) AS MUSIC_CNT FROM STUD_SCORE;..
![]()
문자/숫자/날짜 함수 배워보기 문자 함수 함수란 변수를 특정한 형태로 변화시키는 것이다 대표적인 문자 함수는 1. LOWER : 모든 문자를 소문자로 변환함 2. UPPER : 모든 문자를 대문자로 변환함 3. LENGTH : 문자의 길이를 나타냄 4. SUBSTR : 문자 값 중 원하는 길이만큼만 나타냄 5. RTRIM : 문자열 오른쪽 공백을 잘라냄 6. LTRIM : 문자열 왼쪽 공백을 잘라냄 7. TRIM : 문자열의 왼쪽, 오른쪽 공백을 잘라냄 8. REPLACE : 특정 문자열을 다른 문자열로 대체함 9. COALESCE : 조건에 따라 여러 가지 값으로 치환함 10. INTCAP : 첫 글자는 대문자, 나머지는 소문자로 변환함 가 있다! 1. VENDOR_INFO 테이블을 사용하여 이름을 소..
![]()
텍스트 마이닝(Text mining) LIKE 연산자를 활용한 필터링 1. 뒤에 나오는 문자들을 알 수 없는 경우 SELECT 열 이름 FROM 테이블명 WHERE 열 이름 LIKE '찾고 싶은 문자%'; 2. 앞에 나오는 문자들을 알 수 없는 경우 SELECT 열 이름 FROM 테이블명 WHERE 열 이름 LIKE '%찾고 싶은 문자'; 3. 앞뒤에 나오는 문자들을 알 수 없는 경우 SELECT 열 이름 FROM 테이블명 WHERE 열 이름 LIKE '%찾고 싶은 문자%'; 4. 뒤에 나오는 문자를 알 수 없는 경우 SELECT 열 이름 FROM 테이블명 WHERE 열 이름 LIKE '찾고 싶은 문자_'; 5. 앞에 나오는 문자를 알 수 없는 경우 SELECT 열 이름 FROM 테이블명 WHERE 열 ..
![]()
논리연산자 AND, OR 알아보기 AND 연산자 AND 연산자를 사용할 경우 두 가지 조건을 모두 만족하는 데이터만 출력하게 된다 => 만약 조건을 추가하고 싶다면 계속해서 AND 연산자를 사용하면 됨! SELECT 열 이름1, 열 이름2 FROM 테이블명 WHERE 조건절1 AND 조건절2 1. BRNCH_INFO 테이블을 사용하여 직원 수가 10명 이상이고 경영평가가 'C'인 영업점 번호, 영업점 이름, 영업점 인원, 경영평가를 나타내려면? SELECT BRNCH_NO, BRNCH_NM, BRNCH_NUM, BRNCH_PERF FROM BRNCH_INFO WHERE BRNCH_NUM >= 10 AND BRNCH_PERF = 'C'; 2. BRNCH_INFO 테이블을 사용하여 직원 수가 10명 이상이고..
