3] React 앱 deploy하는 법

1. deploy하는 법

페이지 소스에서 아래 부분을 보면 용량이 나와있는데, 

Hello, World!라는 출력문밖에 없는데 1.7MB인 이유는 개발자를 편하게 하기 위한 기능을 다 넣어두었기 때문이다.

하지만 사용자에게 너무 무거운 파일을 배포할 수 없다.

 

원래는 npm run start 라는 명령어를 통해 페이지를 열었지만,

  npm run build 
라고 명령어를 입력하면 새로운 build라는 디렉토리가 추가된다.

build디렉토리 안의 index.html

build디렉토리 안에는 우리가 알고 있는 파일들이 있지만, 코드를 확인해보면 공백이 하나도 없다.
이미 가지고 있는 불필요한 정보들을 모두 살균시켰기에 그러한 상태이며, 그래서 용량이 작다.
보안적으로, 또한 심미적으로 좋지 않은 부분을 없앤 후에 index.html을 알아서 처리해주는 것이다.

 

실제로 서비스할 때는 build안에 있는 파일들을 사용하면 되고,
웹서버가 문서를 찾는 root디렉토리에 build 디렉토리에 있는 파일들을 위치시키면 실서버 환경을 완성시킬 수 있다

 

 

[Reference]

생활코딩 React