개요

npm 패키지의 serve를 사용하여 로컬로 시작한 서버에서 React App을 확인하는 방법입니다.
주로, 빌드한 파일군을 리모트의 서버에 배치하기 전에 로컬 환경에서 확인하고 싶은 사람용입니다.

환경

Node.js >= 6
npm >= 5.2

React 개발 환경 설정

npx create-react-app my-app
cd my-app
npm start

브라우저로 http://localhost:3000/ 에 액세스해 이런 느낌의 화면이 나와 이거 무사히 셋업 완료입니다.
ctr + c로 개발 서버를 종료하십시오.

React 빌드

npm run build

호스팅 할 파일 세트가 build 디렉토리에 생성됩니다.

serve 설치

npm install serve -g

로컬 서버 시작

serve -s ./build

기본 포트가 5000이므로 http://localhost:5000에 액세스하면 빌드 한 React App을 볼 수 있습니다.