https://online.codingapple.com/course/react-basic/

1장 : 리액트 설치와 셋팅법

1. 사전 설치

• node.js 설치

• 설치 하면
  npm(node package manager) 이 포함되어 있어서 npm 명령어 사용 가능
  creat-react-app 도 포함되어 있음.

2. 리액트 프로젝트 생성

• 터미널에서 프로젝트 생성하고자 하는 위치로 이동
  명령어 "npx create-react-app 프로젝트명"

• npx : 라이브러리 설치 도와주는 명령어

• create-react-app : 리액트 셋팅이 다 되어있는 라이브러리 이름, SPA(싱글 페이지 어플리케이션)을 쉽고 빠르게 개발할 수 있도록 만들어진 툴 체인.

3. 부가 설명

3.1 ..src/App.js

• 메인 페이지에 들어갈 HTML, Javascript 짜는 곳

• 내가 주로 작업할 공간

3.2 ...public/index.html

• 실직적인 메인 페이지

3.3 ...src/index.js

• App.js 에서 작성한 코드는 index.js를 통하여 index.html 로 전달된다.

• index.js 파일 내에 'document.getElementById)('root')' 명령어를 통해 수행된다.

3.4 ...node_modules/

• 동작에 필요한 라이브러리 파일 등이 실제로 모여있는 폴더

3.5 ...public/

• static 파일 보관함(변하지 않는 파일들)

3.6 package.json

• 동작, 개발에 필요한 라이브러리(버전 포함) 목록