01-1 리액트 시작하기 (리액트의 정체를 알아보자!)

1. npm trends.com 에서 프레임워크 다운로드 현황 그래프 알수있다.

2. 페이스북, 드롭박스,  마이크로소프트,  우버, 에어비엔비 등 대형기업이 리액트를 채택함

3. 리액트의 가장 큰 특징은 '화면 출력에 특화된 프레임워크' 이다

4. 리액트의 장점 중 첫번째는 컴포넌트로 화면 구성을 효율적으로 할 수있다
컴포넌트를 만드는것 = 레고 블록을 조립하는 것

5. 리액트의 장점 중 두번째는 게임엔진원리를 도입하여 화면 출력속도가 빠르다
게임엔진원리 = 가상화면기술 = 다음에 나타날 화면의 일부(노드)를 미리 그려놓고 변경된 화면의 일부(노드)만 수정하는 기술

6. 리액트 필수도구 : 노드 패키지 매니저
자바스크립트 라이브러리를 설치하고 버전을  관리하는 프로그램
npm은 npmjs.com에서 필요한 라이브러리를 받아서 설치, 삭제를 관리해주는 프로그램이다
npm은 실제 라이브러리 파일와 라이브러리 정보를 적은 명세파일을 따로 관리하는데 그 이유는 실제 라이브러리 파일이 너무 크기 때문에 다른 작업자와 소스를 공유할 때, 라이브러리 파일 공유를 할 필요없이 명세파일만 공유하면 그 정보를 이용해 쉽게 내려받을 수있기 때문이다
실제 라이브러리는 node_modules 폴더에 저장하고 라이브러리 명세파일은 package.json 파일에 저장한다.

7. 웹팩은 프로젝트에 사용된 파일을 분석하여 기존 웹문서파일로 변환하는 도구다.
(프레임워크는 .hbs , .cjs , .sass 등의 파일을 사용하는데 .js, .css, .jpg, .png 같은 기존 웹문서파일로 변환해준다.)