코딩앙마 React JS crate-react-app

리엑트 프로젝트 create 하는 법

C:\Users\gahyu\OneDrive\바탕 화면\sparta\React>npx create-react-app voca(프로젝트명)

 

페이지 여는법

(프로젝트 경로에서) npm start

 

구성 살펴보기

node_modules 폴더

삭제하면 작동안됨

그래도 package.json 파일만 그대로라면 npm install 명령어로 다시 설치할 수 있기때문에

git에 업로드 할 때는 크기가 큰 node_modules 파일은 빼고 업로드해준다.

 

public 폴더

index.html이 존재한다

여기서 리액트 코드로 실행되어서 만들어진 DOM이 구현된다

 

src 폴더

대부분에 작업은 이 안에서 진행된다

app.js에서 기능을 구현한다.

기능을 구현하고 저장하면 바로 반영이 되는데

이것을 Hot Module Replacement(HMR)이라고 한다