node.js 강의 중 게시글 삭제 기능에 대해 문의합니다.
list.ejs에서 [0], [1], [2].. 부분이 계속 반복됩니다.
------------------------------------------------------------------------------------------------------------------------
document.querySelectorAll(".delete")[0].addEventListener("click", function (e) {
console.log(e.target);
fetch("/delete?docId=" + e.target.dataset.id, { method: "DELETE" })
.then((r) => r.text())
.then((result) => {
e.target.parentElement.parentElement.style.display = "none";
});
});
document.querySelectorAll(".delete")[1].addEventListener("click", function (e) {
console.log(e.target);
fetch("/delete?docId=" + e.target.dataset.id, { method: "DELETE" })
.then((r) => r.text())
.then((result) => {
e.target.parentElement.parentElement.style.display = "none";
});
});
document.querySelectorAll(".delete")[2].addEventListener("click", function (e) {
console.log(e.target);
fetch("/delete?docId=" + e.target.dataset.id, { method: "DELETE" })
.then((r) => r.text())
.then((result) => {
e.target.parentElement.parentElement.style.display = "none";
});
});
--------------------------------------------------------------------------------------------------------
강의에서 추가 언급이 없어 forEach()로 감싸보았습니다.
document.querySelectorAll(".delete").forEach((deleteButton) => {
deleteButton.addEventListener("click", function (e) {
console.log(e.target);
fetch("/delete?docId=" + e.target.dataset.id, { method: "DELETE" })
.then((r) => r.text())
.then((result) => {
e.target.parentElement.parentElement.style.display = "none";
});
});
});
-----------------------------------------------------------------------------------
잘 작동됩니다.(게시글들이 잘 삭제됩니다.)
하지만 후속 강의에서 문제가 발생했습니다.
후속 강의인 "게시글을 쓴 유저만 자기 게시글 삭제하기"에서 유저가 쓴 글 이외에도 모든 글들이 display='none'이 됩니다.
무엇이 문제인지 모르겠습니다.ㅜ
