react 빌드하기

빌드는 배포를 하기위한 선행과정으로 작성한 코드와 애플리케이션이 사용하는 이미지, css등을 모두 모아서 패키징을 하는 작업이다.

React Build

npm run build

터미널에 위와 같은 명령어를 작성하자.
빌드가 완료되면 build폴더가 생성된다.

Serve 설치

생성된 빌드 패키지를 이용해 웹 어플리케이션을 실행하기 위해선 serve 패키지를 설치해야한다.
serve는 build폴더에 있는 static파일들을 serving해주는 프로그램이다.

npm intall -g serve

현재 컴퓨터의 모든 경로에서 사용할 수 있도록 -g 옵션을 사용하여 설치하자.
각각의 프로젝트 내에서만 설치하고 싶다면 -g 옵션을 제거하면 된다.

build

serve를 설치하면 다음과 같은 명령어로 build 폴더를 기반으로 한 웹 어플리케이션을 실행하자.

serve -s build

정상적으로 실행된다면 위와 같은 화면이 나타날것이다.
화면에 보이는 주소를 따라 들어가면 개발모드에서 실행했을때와 동일한 작업물을 확인 할 수 있다.