[0416] Firestore Database 사용법

🔥 Firebase란?

구글이 개발한 모바일 및 웹 개발 플랫폼
개발자가 백엔드를 구축하지 않고도 핵심 기능을 사용할 수 있도록 한다.

일정 사용량을 넘지 않으면 무료!! 🤑

---

📜 Firestore Database란?

구글이 제공하는 클라우드 기반 NoSQL 데이터베이스

NoSQL❓ Not only SQL

• 비관계형 데이터베이스
• 스키마 없음
• 유연한 처리

---

💻 사용법

프로젝트 생성

0. Firebase 웹 페이지 접속 후 로그인

1. 콘솔로 이동 후 프로젝트 만들기

   • 프로젝트 이름 설정
   • 애널리틱스 사용 설정
   • 위치 대한민국으로 설정
     

2. 프로젝트 선택 후 웹/앱에 Firebase 추가

   • 웹 페이지에 Firebase를 추가할 것이므로 → 웹 선택
   • 앱 닉네임 선택 후 앱 등록
     

3. Firestore Database 생성

   • 프로덕션 모드
   • 위치 서울로 설정
     

4. 보안 규칙 true로 변경

   • 상단 탭에서 규칙 클릭
   • allow read, write: if true로 변경 후 게시

---

FireStore 세팅

import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js';
import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js';

const firebaseConfig = {
  // Firebase 구성 정보 설정
};

// Firebase 인스턴스 초기화
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

firebase 구성 정보는 프로젝트 설정/일반/SDK 설정 및 구성에서 '구성' 라디오 버튼을 클릭하면 확인할 수 있다.

---

데이터 추가

collection과 addDoc을 import 받아야 한다.

import {
  collection,
  addDoc,
} from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js';

let doc = {
  // key: value
};

await addDoc(collection(db, '컬렉션_이름'), doc);

데이터 조회

collection과 getDocs을 import 받아야 한다.

import { collection, getDocs } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js';

let docs = await getDocs(collection(db, "컬렉션_이름"));

docs.forEach((doc) => {
    let row = doc.data();
    console.log(row);
}); 

데이터 삭제

collection과 deleteDoc을 import 받아야 한다.

// 삭제할 doc 정보 가져오기 
const docRef = doc(db, "컬렉션_이름", "아이디");
await deleteDoc(docRef);

데이터 수정

collection과 updateDoc을 import 받아야 한다.

// 수정할 doc 정보 가져오기
const docRef = doc(db, "컬렉션_이름", "아이디");
let newDoc = {
  // key: value
};
await updateDoc(docRef, newDoc);