[TIL] 뉴스피드 프로젝트 (4)

·2023년 11월 24일
0

TIL

목록 보기
41/85
post-thumbnail

[오늘 한 일]

  • 알고리즘 2문제 풀이
  • 피드 삭제 기능 구현
  • 피드 수정 기능 구현 (+모달)

피드 수정 기능

const updateFeed = async () => {
    const feedsRef = doc(db, 'feeds', feed.id);
    await updateDoc(feedsRef, {
      title,
      content,
      thumbImg
    });
    closeModal();
    window.location.reload();
  };

수정을 어떻게 해야 할지 난감했는데 모달 창을 띄워서 수정할 값들을 받고,
수정하는 방식을 선택했다. updateDoc을 쓰면 된다.

피드 삭제 기능

const deleteFeed = async () => {
    const result = window.confirm('정말 삭제하시겠습니까?');
    if (result) {
      const feedsRef = doc(db, 'feeds', feed.id);
      await deleteDoc(feedsRef);
      navigate('/');
    }
  };

약간 더 어려운 수정 기능을 완성하고 나니, 삭제 기능은 훨씬 쉬웠다.
deleteDoc 을 사용하면 된다.

알고리즘 이제 점점 풀 문제가 사라져간다..ㅎㅎ
그래도 드디어 Lv.3 문제를 풀기 시작했다. 🤪
이제 하루에 한 문제도 못푸는 날이 있지 않을까..
피드에 대한 CRUD는 이제야 구현이 완료되었다.
아직 갈 길이 많이 남았지만,
그래도 조금씩 나아가고 있는 것 같아서 다행이다.
주말에도 달려서 완성해야지!!!!!!

profile
느리더라도 조금씩, 꾸준히

0개의 댓글