FACTS(사실, 객관) : 내가 한 일
데일리미션 - 용어정리 / 이전에 만들었던 맛집추천 사이트에 삭제버튼 만들기
1. delete() 사용
import { doc, deleteDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
2. 주문하기 버튼 옆에 삭제하기 버튼 추가
3. 리스트를 삭제하는 코드
$(document).on("click", ".delete-card", async function () {
let card = $(this).closest('.col');
let docId = card.data('id');
try {
await deleteDoc(doc(db, "foods", docId)); // Firebase에서 문서 삭제
card.remove(); // 화면에서 카드 삭제
} catch (e) {
console.error("Error deleting document: ", e);
}
});
FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌
공부를 꼼꼼히했다고 생각했는데 정작 용어에 대한 설명을 작성하려니 턱 막히는 느낌
강의를 보면서 리마인드하며 개념을 짚고 넘어가는 계기가 됐고,
헷갈리는 부분은 검색을 통해 확실히 기억하려 노력했다.
FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것
단순히 삭제하는 코드만 넣어서는 안되고 delete 라이브러리를 추가해야 하는 것
FUTURE(미래) : 배운 것을 미래에는 어떻게 적용할 지