[영화 웹 서비스]CREATE REACT APP (CRA)

1. create-react-app

- 리액트 어플리케이션을 만드는 방식

- 많은 스크립트들과 사전설정들이 준비되어 있다.

- 개발 서버에 접근, 자동으로 새로고침, 즉각적으로 어플리케이션 안에 CSS 포함

 

설치

1) nodejs 설치

- cmd창에 node -v으로 확인 : node.js 제대로 깔았는지 확인

- cmd창에 npx로 확인 : npx 커맨드를 실행시킬 수 있는지 확인

 

2)

npx create-react-app {project name}

cd {project name}

npm start

 

3) code {project name}

vscode로 폴더가 열린다

package.json 에서 모든 스크립트를 찾을 수 있다. 

실행시킬 수 있는 script

 

terminal에서 npm run

npm start(script언어)

 

4) src에서

App.js

Index.js

제외하고 나머지 파일 삭제