[Vue3 + vite + tailwindCSS] firebase(인증,db,호스팅) 설정

https://firebase.google.com/?hl=ko

Firebase | Google’s Mobile and Web App Development Platform

 

 

 

 

 

 

준비하는 동안 firebase 모듈 설치한다. 

 

 

 

 

 

firebase에 인증은 여러 방법이 있으나 이번에는 이메일/비밀번호만 선택한다. 

 

 

 

 

DB사용을 위해서 firestore를 만들어준다.

 

 

 

 

 

 

 

 

테스트모드 만들기 클릭 

 

 

 

 

 

 

 

 

 

 

 

 

---

 

호스팅 

사용 설명에 따라 아래의 모듈을 설치한다. 

\

 

 

설치가 다 되면 아래의 안내와 같이 login과 init을 한다.

 

firbase login 완료 시

 

firbase init 완료 시 

 

 

 

 

 

 

 

 

firebase deploy로 호스팅 가능함

 

 

 

 

firebase-debug.log가 생성됨을 확인할 수 있음 

 

 

 

vscode로 돌아와서 src 폴더 아래에 firebase 설정을 위한 firebase 폴더를 생성한다. 

 

 

 

 

 

 

프로젝트 설정에 들어가서 

 

SDK 의 내용을 복사해서 index.js에 붙여넣기 한다.