Firebase Hosting

 

firebase로 호스팅하는 절차를 알아보려고 합니다.

 

파이어베이스는 처음 사용해 보는데 사용법 안내가 아주 잘 되어 있습니다.

 

Hosting하는 절차도 버튼 클릭 몇 번과 안래를 따라하기만 하면 금방 끝납니다.,

 

 

 

시작하기를 눌러서 호스팅 설정을 시작합니다.

 

 

 

위와 같이 단계별로 무엇을 해야하는지 아주 자세하게 알려줍니다.

 

첫단계는 Firebase CLI 설치. 

 

 

다음은 로그인.

 

firebase CLI에서 파이어베이스 프로젝트를 만든 계정으로 로그인합니다.

 

firebase login

 

 

 

 

 

 

 

 

로그인이 끝나면 나오는 안내 문구입니다.

 

 

다음은 호스팅을 위해서 파이어베이스 프로젝트를 초기화 합니다.

 

firebase init

 

 

 

 

 

 

 

 

 

 

 

 

초기화 단계를 진행하다 보면 소스 디렉토리를 넣으라는 메시지가 나온다.

 

리엑트 프로젝트를 vite로 만들었는데 vite로 빌드하면 dist라는 폴더를 기본으로 사용한다. 

 

 

 

 

vite로 소스코드를 빌드 해준다.

 

 

 

 

public directory에 dist를 입력하고 다음으로 이동.

 

 

 

나머지는 기본 값으로 선택해주고 다음으로 진행하면 초기화 끝.

 

 

 

 

이제 빌드한 소스를 배포해야한다.

 

 

 

콘솔로 이동하면 현재 배포된 것이 아무것도 없다.

 

 

 

 

vite 스크립트에 배포를 위해 "deply"와 "predeploy"를 추가하고 "deploy"를 실행한다.

 

 

 

배포가 끝나고 콘솔에서 확인하면 생성된 버전을 볼 수 있다.