귀농 전까지 쓰는 개발 일지

[React] 프로젝트 생성 / 배포 본문

공부/React

[React] 프로젝트 생성 / 배포

한호잉 2022. 1. 17. 16:01

설치&실행

 

 

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파일 생성 확인

 

'공부 > React' 카테고리의 다른 글

<React> Emoji  (0) 2022.03.17
[React] Component / Props / State  (0) 2022.01.17
[React] html문서 -> React문서로 변환  (0) 2022.01.17
[React] VSCode 프로젝트 구성 파일  (0) 2022.01.17
[React] VSCode 프로젝트 구성 파일  (0) 2022.01.17