#3 앱 빌드

 앱을 빌드하는 방법은 매우 간단하다. 일단 개발을 최종적으로 마치고 npm start를 이용해 디버깅을 진행한다. 최종적으로 배포할 준비가 끝났다고 생각이 들면 build 명령을 통해 앱을 빌드할 것이다.

 

npm run build

build 명령을 사용하면 개발 환경으로 잡은 폴더에 build가 생긴다.

 

 리액트는 DOM을 렌더링하는데 초점이 맞춰진 라이브러리이기 때문에 사용자에게 서비스를 제공할 때 무거운 소스코드를 제공해서는 안된다(개발자가 작성하는 소스와 실제 클라이언트가 보게될 화면의 용량 차이가 큼) 때문에 우리는 개발을 마쳤을 때 build 함으로써 필요없는 리소스들(띄어쓰기 등)을 최소한으로 줄이고 사용자에게 배포될 준비가 되게된다.

 

 

npm install serve && npx serve -s build

 npm start를 통해 로컬에서 테스트할 수도 있지만 실제 클라이언트들이 사용하는 환경을 그대로 체험하기 위해 우리는 serve라는 패키지를 이용할 것이다. isntall 명령을 통해 serve를 설치하고 npx serve -s build 해주면 내 PC가 서버가 되어 서버-클라이언트 모델로 디버깅이 가능하다.

 

 

테스팅이 다 끝났다면 build 폴더 내부의 내용을 서버에 올리면 된다.