React 프로젝트 시작

1. CMD-> 원하는 폴더로 cd
2. npx create-react-app 프로젝트이름
3. vs code에서 열기
4. cd 프로젝트이름 -> code .

node_modules

create-react-app을 사용할 때 필요한 module의 모음집
package.json에 기록되어 있음
이 폴더를 지우더라도 npm install만하면 그대로 사용 가능(package.json만 수정되지 않았다면,,, 지우면 프로젝트를 띄울 수는 없음)
git에 올리지 않음!!
그러나 package.json만 올려두면, 다른 개발자가 clone이후 npm install해서 사용 가능

package.json

start: 개발 모듈 프로그램 실행
build: 실제 배포 가능한 상태로 만들어 줌
eject: 내부 설정 파일을 꺼내는 역할

index.html

<div id = "root">로 react로 실행되어 만들어진 DOM이 구현됨

src

대부분의 작업이 이루어지는 장소.

src > index.js

id root의 앱을 rendering 시켜줌

src > app.js

무언가 수정하고 저장하게 되면 모듈에 바로 반영됨 = Hot Module Replacement(HMR)