본문 바로가기
Programming/React

[생활코딩] React 강의 02. 소스코드 수정/배포

by 기도메타 2024. 1. 20.

index.js를 F5 하면 REACT 관련 화면이 실행됨

1) 빌드 만들기
빌드 버전을 만드려면 터미널을 다시 실행한 다음에 
컨트롤 C 눌러서 기존에 켜져있었던 개발환경을 종료함
그 다음 터미널 화면에 npm run build 를 치면 배포판을 만드는 과정이 실행됨
빌드가 다되면 옆 탐색기에 bulid 폴더가 생성이 된 것을 볼 수가 있음

2) 빌드한 소스를 서비스 하기
이제 빌드한 결과물을 서비스 해보자
터미널 명령어는 npx serve -s build 라고 치면 된다. 
serve는 웹 서버를 뜻하는데 -s 라는 옵션을 주게 되면 
사용자가 어떤 경로로 들어와도 index.html 폴더를 서비스 해주게 된다.
뒤의 build 는 폴더 이름으로 빌드 만들면서 생성된 build폴더를 뜻한다.

터미널에서 결과물이 뜨면 컨트롤 하고 클릭  > 서비스 된 화면을 볼 수 있을 것이다.

반응형