내배캠 63일차

파이어스토어

1. 파이어스토어
2. 설정
3. 프로젝트설정
4. 아래 웹생성

파이어베이스 공식문서 확인 하기
Get data

파이어 스토어
컬렉션 ID-> 문서 ID -> 필드
컬렉션(데이터를 담고있는 문서의 집합)

FirebaseError: Missing or insufficient permissions.

rules_version = '2';
2
service cloud.firestore {
3
  match /databases/{database}/documents {
4
    match /{document=**} {
5
      allow read, write: if false;
6

false를 true로 바꿔주라고 한다.

getDocs, onSnapshot

getDoc의 매커니즘을 이해

1. import { doc, getDoc } from "firebase/firestore";
   임포트 해준다.

2. const docRef = doc(db, "cities", "SF");
   const docSnap = await getDoc(docRef);
   변수설정 후 await getDoc();
   docRef는 db위치, 컬랙션, 문서 순으로 작성한다

3. console.log("Document data:", docSnap.data());
   콘솔로그로 확인해 준다.

onSnapshot

Cloud Firestore로 실시간 업데이트 받기위한 메소드이다.

import { doc, onSnapshot } from "firebase/firestore";

const unsub = onSnapshot(doc(db, "cities", "SF"), (doc) => {
    console.log("Current data: ", doc.data());
});

onSnapshot이라는 api는 두가지 인자를 받는데 첫번째는 쿼리고 두번째인자는 콜백함수이다.

const q = query{
	collection(dbService, "폴더명(collection)")
    //컬렉션 내에추가 수정 삭제 할때마다 콜백함수가 일어나도록 해주는 함수, api가 onSnapshot이다.
    , orderBy("createAt", "desc")
};

쿼리 query

생각보다 복잡한 내용이여서 좀 나중에 조사해야 될 것 같다.

desc