리액트 프로젝트 설정

프로젝트 설정

create-react-app 설치

yarn global add create-react-app, create-react-app => 계속해서 업데이트를 해줘야한다는 단점이있어서 나온게 npx!

npx

yarn로 install

• yarn global add npx
• npx create-react-app

 

npm으로 install

• npm i npx -g
• npx create-react-app

 

npx는 npm 처럼 create-react-app같은 모듈을 사용할 수 있게 하는 작은 모듈이다.

npx는 최신 버전의 create-react-app을 다운 받아서 실행하고, 끝나면 컴퓨터에서 삭제해줌
한마디로 사용하지 않는 오래된 버전의 것들을 내 컴퓨터에 저장하지 않게 해줌

Ex) npm i npx -g , npx create-react-app nomflix(폴더이름임)

사용하지않는 프로젝트 파일 삭제

체크한 파일들 삭제

• 위의 사진과같이 APP.js파일과 index.js파일 설정
• 전체적인 폴더구조