index.js를 F5 하면 REACT 관련 화면이 실행됨
1) 빌드 만들기
빌드 버전을 만드려면 터미널을 다시 실행한 다음에
컨트롤 C 눌러서 기존에 켜져있었던 개발환경을 종료함
그 다음 터미널 화면에 npm run build 를 치면 배포판을 만드는 과정이 실행됨
빌드가 다되면 옆 탐색기에 bulid 폴더가 생성이 된 것을 볼 수가 있음
2) 빌드한 소스를 서비스 하기
이제 빌드한 결과물을 서비스 해보자
터미널 명령어는 npx serve -s build 라고 치면 된다.
serve는 웹 서버를 뜻하는데 -s 라는 옵션을 주게 되면
사용자가 어떤 경로로 들어와도 index.html 폴더를 서비스 해주게 된다.
뒤의 build 는 폴더 이름으로 빌드 만들면서 생성된 build폴더를 뜻한다.
터미널에서 결과물이 뜨면 컨트롤 하고 클릭 > 서비스 된 화면을 볼 수 있을 것이다.
반응형
'Programming > React' 카테고리의 다른 글
[생활코딩] React 06. state (0) | 2024.01.31 |
---|---|
[생활코딩] React 05. 이벤트 event (0) | 2024.01.23 |
[생활코딩] React 04. 속성 props (0) | 2024.01.22 |
[생활코딩] React 강의 03. 컴포넌트 만들기 (0) | 2024.01.21 |
[생활코딩] React 강의_01_실습환경구축 (0) | 2024.01.16 |