npm start 명령으로 실행한 애플리케이션은 개발을 위한 애플리케이션입니다.
개발하기에는 좋지만, 서비스하기에는 용량도 크고 여러 가지 불필요한 메시지도 표시하기 때문에 실제로 서비스에
사용할만한 결과물은 아니라고 할 수 있습니다.
어떻게 하면 최적화된 배포본을 만들 수 있을까요
Ctrl + C터미널을 다시 열고
실행 중인 개발 환경이 있다면 ctrl + c를 눌러
개발 환경을 종료합니다
npm run build위의 명령어 입력 : 빌드 명령이 시작됨
🔹 빌드 : 배포판을 만드는 과정
빌드를 마치면 프로젝트에 build라는 폴더가 생기고
build 폴더에는 index.html을 의존하는 다른 파일들이 존재하게 됨
명령어 실행 후 결과를 보면
serve라는 앱을 사용하는 것을 추천하는 문구를 볼 수 있습니다
이 serve는 웹 서버인데
웹 서버가 가진 옵션 중에 -s 옵션을 추가하면 사용자가 어떤 경로로 들어오든 간에
index.html 파일을 서비스해주게 됩니다
그리고 build 폴더를 지정하면 해당 폴더에 있는 index.html 파일을 서비스하라는 뜻입니다
serve는 Node.js로 만들어진 애플리케이션이므로
serve를 간편하게 실행하고자 할 때는 npx를 사용하면 됨
다음과 같이 명령어를 입력해 build 폴더에 있는 index.html을 서비스하는 웹 서버를 실행
npx serve -s build
명령어를 입력하면 접속할 수 있는 주소들이 나옴
이 화면은 개발 환경을 위한 버전이 아닌 실제로 서비스해서 사용할 수 있는 버전이 만들어지고,
서비스된 모습을 볼 수 있음
'📚 책 먹는 유진 🦊 > 리액트 프로그래밍' 카테고리의 다른 글
| 소스 코드 수정 방법 (0) | 2026.03.21 |
|---|---|
| 리액트 설치부터 시작하기 npm start (0) | 2026.03.16 |