공부/React
[React] 프로젝트 생성 / 배포
한호잉
2022. 1. 17. 16:01
설치&실행
1. Node.js (NPM) 설치
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2. create-react-app 설치
//cmd창서 실행
npm install -g create-react-app
3. 프로젝트 생성
cd / //프로젝트를 만들 파일로 이동
mkdir 프로젝트이름 //해당 파일에 프로젝트 생성
cd 프로젝트이름 // 생성한 프로젝트파일로 이동
create-react-app . //오류 발생시 npx create-react-app . 으로 실행 (버젼차이)
code . // VisualStudio Code 실행
4.프로젝트 구동
- 실행된 VSCode에서 Ctrl + J (Terminal)
// VSCode Terminal에서
npm run start
- 브라우저 -> http://localhost:3000

프로젝트 배포
- Ctrl + J (Terminal)에서 npm run build


-> build파일 생성 확인