[Firebase] 프로젝트 생성 및 SDK 추가 간단 가이드

1. Firebase 프로젝트 생성 및 앱 등록 (ex: Web)

2. Web 프로젝트(ex: React)에 Firebase SDK 추가

   Firebase를 앱에 추가하는 방법은 4가지가 있으며, 그 중 npm을 통해 SDK 설치함

   https://firebase.google.com/docs/web/setup?authuser=0#using-module-bundlers

    // 프로젝트의 루트 디렉토리로 이동
    $ npm install --save firebase

3. Firebase CLI 설치 (나중에 해도 됨)

   Firebase 호스팅으로 사이트를 호스팅하려면 Firebase CLI(명령줄 도구)가 필요함

    npm install -g firebase-tools

4. Firebase 호스팅에 배포 (나중에 해도 됨)

    // 지금 배포하려면 터미널 창을 연 다음 웹 프로젝트의 루트 디렉터리로 이동
   
    1. Google에 로그인
    firebase login
   
    2. 프로젝트 시작
    firebase init
   
    3. 웹 앱 배포
    rebase deploy
   
    4. 확인
    react-firebase-nwitter.web.app에서 앱 확인

[참고]

API key는 프로젝트 설정→ Firebase SDK snippet → 구성 버튼을 클릭하면 확인할 수 있음

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "이렇게키값이-들어있다_000000000",
  authDomain: "react-firebase-nwitter.firebaseapp.com",
  projectId: "react-firebase-nwitter",
  storageBucket: "react-firebase-nwitter.appspot.com",
  messagingSenderId: "00000000000",
  appId: "1:00000000000:web:42dfea9a2d400000000000",
  measurementId: "G-0000000000"
};