🌟 Firebase: 일괄 쓰기

현재 profile.js 에서 tweet.creatorId === userObj.uid 인 트윗 컴포넌트의 리스트를 모두 가져오고 있다.

그리고 유저명을 userObj.displayName을 업데이트 하여 바꿀 수 있다.
그런데 tweetObj에 저장된 creatorName은 바뀌지 않아서 내가 쓴 예전 트윗에는 예전 닉네임이 있는 상태이다 ㅠㅠ
이것을 해결해 보자!

✅ displayName 수정 시, userObj.uid === tweetObj.creatorId 인 tweets 컬렉션의 모든 docs의 creatorName`도 일괄 업데이트하기

//ver. 9
//트윗 작성자명 일괄 변경 (batch: 500개 문서 제한)
const updateAllMyTweets = async () => {
  const batch = writeBatch(dbService);

  const myTweetsQ = query(
    collection(dbService, "tweets"),
    where("creatorId", "==", userObj.uid)
  );

  const myTweetsQuerySnapshot = await getDocs(myTweetsQ);

  myTweetsQuerySnapshot.forEach((tweet) => {
    const myTweetsDocRef = doc(dbService, "tweets", `${tweet.id}`);
    batch.update(myTweetsDocRef, {
      creatorName: newDisplayName,
    });
  });
  await batch.commit();
};
updateAllMyTweets();

1. 일괄쓰기를 사용하자.
   const batch = writeBatch(dbService);
   참고로 일괄쓰기는 최대 500개 작업을 포함할 수 있고, 포함된 각 작업은 Cloud Firestore 사용량에 별도로 합산된다. 내 프로젝트는 500개 이상 문서를 쓸 일이 없으니 일괄배치로 깔끔하게 가자구요 ^3^..

2. 컬렉션에서 여러 문서를 가져오기 위해 쿼리와 쿼리스냅샷을 이용한다.
   query(collection(dbService, "tweets"), where("creatorId", "==", userObj.uid)
   현재 내 tweets 컬렉션의 문서는 addDoc()으로 작성하고 있기 때문에 문서의 doc.id는 무작위로 형성되어 있다. 따라서 where()을 사용하여 트윗 작성자 id와 userObj의 uid가 같은 tweet 문서만 쿼리하여 내가 작성한 트윗만 가져오자.

   const myTweetsQuerySnapshot = await getDocs(myTweetsQ);
getDocs()은 쿼리를 실행하고 결과를 쿼리 스냅샷으로 반환한다.

3. forEach()로 가져온 documents 각각의 doc.id를 사용하여 각각의 문서 레퍼런스를 만들고, 문서 업데이트를 배치한다.
   myTweetsQuerySnapshot.forEach((tweet) => { const myTweetsDocRef = doc(dbService, "tweets", `${tweet.id}`); batch.update(myTweetsDocRef, { creatorName: newDisplayName, }); });
   

• ❌ 참고로 여기서 오류가 발생해서 몇 분동안 아주 골치를 썩였다.

  myTweetsQuerySnapshot.forEach((doc) => {
           const myTweetsDocRef = doc(dbService, "tweets", `${doc.id}`);
           batch.update(myTweetsDocRef, {
             creatorName: newDisplayName,
           });
         });

  원래는 위 처럼 forEach()에서 각각의 문서를 보낼 때 일반적으로 많이 쓰는 doc이라고 적어두었었다.
  하지만 아래와 같이 계속적으로 이해할 수 없는 오류가 뜨는 것이 아닌가...!

  Uncaught (in promise) TypeError: doc is not a function

  도대체 doc()이 왜 펑션이 아니란 말이야? ㅠㅠ 하던 도중..설마...이름이 똑같아서 얘가 헷갈리는 건가 싶어서 doc을 tweet으로 바꿔봤다.

  하허허헛헛 어이없어ㅎㅎ
  doc이라고 죄다 써놓으니 doc이 보내는 arg인지 파이어베이스 fn인지 얘도 헷갈렸나 보다. 앞으론 애초에 이름을 다르게 적을까 보다.
  
  

4. 배치를 커밋하여 일괄적으로 한꺼번에 문서를 업데이트 한다.
   await batch.commit();

   일괄 쓰기는 읽기 문서를 수정하지 않고 유지할 필요가 없으므로 실패 사례가 줄어든다. 재시도 또는 너무 많은 재시도 실패의 영향을 받지 않는다.

5. 작성한 fn을 부른다.
   updateAllMyTweets();
   사용자 프로필 수정 시 작성한 트윗 작성자명도 바뀌게 한다.

참고
📚 Firebase: batched-writes
📚 Firebase: get multiple documents from a collection
📚 Reddit: Can I update multiple docs in collection group in a single update operation
📚 Stackoverflow: Can Firestore update multiple documents matching a condition, using one query?