🔥 firebase 배포하기

먼저 build 폴더를 만들어 준다. 

npm run build

- build? 

React 앱을 빌드하며 생성되는 폴더로, 코드를 최적화된 형태로 번들링하고 준비하는 역할을 한다. 

개발 중에는 src 폴더에 있는 코드를 수정하고 테스트 하며 배포 시에는 build폴더를 사용하여 배포하는 것이 좋다.

 

firebase에 접속하여 새로운 프로젝트를 만든 후, 프로젝트의 빌드-Hosting로 들어간다. 

 

호스팅을 시작하면 아래 명령어를 터미널에 입력한다. 

순서대로 명령어를 아래와 같이 입력하면 

// firebase 명령어 사용
npm install -g firebase-tools

// firebase 로그인
firebase login

// 초기화 
firebase init

 

아래와 같은 화면이 나타난다. 

그러면 Hosting (스페이스, 엔터) Use an existing project (엔터) 사용할 프로젝트 선택 (엔터) 를 하면 

이 화면이 나타나는데 이때 public이 아니라 build를 입력해야한다!(오타주의) 

이때 public을 입력하면  you're seeing this because you've successfully setup firebase hosting. now it's time to go build something extraordinary! 계속 아래와 같은 화면이 나온다.

마지막으로 

firebase deploy

을 통해 배포를 완료할 수 있다. 

 

프로젝트 수정 시에는 

build 재진행 후 deploy해주면 된다.