[React] 리액트 - 빌드 및 배포

React 테스트 후 빌드하고 배포하는 방법이다.

1. 빌드하는 방법

배포 전에 무언가 실행되고 있다면 실행을 중지하고 한다.
이는 포트 충돌을 방지하고, 빌드 프로세스가 안전하게 진행되도록 한다.

Ctrl + C

npm run build

배포하면 build 폴더가 생성이 되고
그 안에 파일의 용량을 줄이기 위해 띄어쓰기 등이 없어진 index.html 등이 생성된 것을 확인할 수 있다.

 

2. index.html 로컬 실행하기

간편하게  build/index.html 서비스 웹을 실행할 수 있는 방법이다.

npx serve -s build