React npm start 배포

npm start 명령으로 실행한 애플리케이션은

개발을 위한 애플리케이션 입니다.

*단점 = 용량이 크고, 여러가지 불필요한 메시지를 표시하기 떄문에

실제 서비스에 사용하는 용도는 아님

How to make "최적화된 효율적인 배포"

1. vscode terminal 을 열고, 실행중인 개발환경이 있을 경우 ctrl+c 입력 후 종료할 것

2. npm run build 입력 *build = 배포판을 만드는 과정

build 를 마치면 폴더에 build 폴더가 생기고, index.html을 의존하는 다른파일들도 존재하게 됌

* index,html 에는 파일용량이 작아서 공백요소 없음

3. serve(웹 서버)

serve 옵션 중에서 -s 를 추가하면 사용자가 어떤 경로로 들어오던

index.html 파일을 서비스 해줍니다.

4. build 폴더를 지정하면 해당폴더에 있는 index 파일을 서비스 하라는 뜻.

serve는 Node.js 로 만들어진 애플리케이션 으로

serve 를 간편하게 실행하고자 할떄 npm 사용하면 된다.

npm build 실행 명령어(하단 2줄)

npm install -g serve

serve -s build

입력 후에 http://localhost : 3000 접속 하면 

실제 서비스에서 사용할 수 있는 버전이 만들어집니다.