vite 프로젝트에서 firebase 연결하기.

  1. 프로젝트 생성
  2. 위의 절차에 따라 웹앱에 firebase 추가하기

npx firebase login

npx firebase init hosting

글로벌로 설치하지않았고, hosting만 할것이기 때문에 이렇게

pubuilc 폴더가아니라 dist로

Untitled

그리고 sceret key 관리하는법

Untitled

firebaseConfig에 이렇게 추가

Untitled

vite-env.d.ts 파일추가 → 타입추론이 가능해지는 장점이 있고

위의 주석문은 설정문구