[파트6] 리액트 빌드 및 배포 과정

실습내용

리액트 완료 프로젝트 빌드 및 배포 실습

 

실습과정

리액트 빌드

1. npm run build로 프로젝트 빌드 하기

(build 디렉터리 생성됨)

 

2. npm install -g serve 설치 하기

 

3. serve -s build 실행하여 로컬에서 빌드 프로젝트 실행하기

 

아래 블로그 내용 참고

https://velog.io/@nnoshel/react-%EB%B9%8C%EB%93%9C%ED%95%98%EA%B8%B0

react 빌드하기

 

 

리액트 배포(Firebase 이용)

아래 블로그들 참고

https://dev-chim.tistory.com/entry/firebase-firebase-hosting

[firebase] 구글 Firebase로 무료 웹호스팅하는 방법에 대해서 알아보자

 

https://velog.io/@2taeyoon/Firebase%EB%A1%9C-React-App-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

Firebase로 React App 배포하기

 

 

추가로 도메인 연결시

프로젝트의 firebase.json에 firebase 사이트에서 만들어놓은 도메인명

입력후 재빌드 하여 firebase deploy 하기

 

 

 

 

느낀점

리액트 빌드 부터 배포까지 생각보다 간단하게 진행되었다.