전제 조건

• 라이브러리는 react
• firebase 프로젝트가 세팅되어 있고 react에 firebase 설정 값이 이미 세팅 되어 있다고 가정합니다.
• firebase 버전은 9이상입니다.

fireStore database crud

먼저 firebase를 설정하는 config 파일에서 db를 가져옵니다. 저의 경우 설정파일은 아래와 같습니다. 혹시 아직도 환경변수를 코드에 적는 분이 계신다면 보안상 굉장히 위험하니 지금부터라도 dotenv를 사용하시기를 강력히 권고드립니다

dotenv 설치

yarn add dotenv

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
import { getFirestore } from "firebase/firestore";
import "dotenv/config";

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: process.env.apiKey,
  authDomain: process.env.authDomain,
  projectId: process.env.projectId,
  storageBucket: process.env.storageBucket,
  messagingSenderId: process.env.messagingSenderId,
  appId: process.env.appId,
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
export default app;

export const db = getFirestore(app);