firebase 배포

파이어베이스에서 빌드탭-hosting-시작하기

그러면 npm install -g firebase-tools 명령어를 수행하라고 나오는데 이를 위해 cmd(명령 프롬프트)를 관리자 권한 으로 실행해 준다

그후 다음 버튼으로 넘어가면

다음과 같은 창이 나타난다 루트 디렉토리로 이동하라 하는데

이곳으로 이동하라는 의미이다

이후 터미널에서 firebase login 을 입력한다

y를 입력하면

계정 선택 창으로 넘어가는데 파이어베이스와 연결되어 있는 이 계정을 선택하여 로그인을 진행한다
성공한 후 루트 디렉토리에서 firebase init을 입력한다

이때 y 입력 후

이 창에서 Hosting: Configure ~~ 에 스페이스로 체크 후 엔터키를 입력하여 다음으로 넘어간다

이 창에서 이미 프로젝트를 만들어 두었기에
use an existing project 를 선택한다

방금 만든 son-react-project를 선택한다

(public)이란 적힌것을 build 로 바꿔준다
세세한 설정이 있지만 이번 프로젝트에서는

다음과 같이 설정하였다

그 결과

두개의 firebase 관련 파일이 생성되었다

다시 호스팅 설정 페이지로 돌아가서 다음을 클릭한다

이어서 콘솔로 이동을 클릭한다(firebase deploy는 스킵)

하단부의 다른 사이트 추가를 선택한다

원하는대로 적어 준다 (단, 다른사람과 중복 X)

firebase.json에서

다음과 같이 사이트를 추가해준다

이후 다시 npm run build로 빌드해 준 뒤
firebase deploy를 입력해준다

그러면
다음과 같이 호스팅url을 알려준다