오늘은 기다리고 기다리던 금요일..
대망의 프로젝트 마감일이다.. 오전 11시까지 일단 기본적인
기능작동영상을 찍어서 제출해야한다.
9시30분쯤에 기능작동에 이상이 없는지 체크하고 팀원분이 영상을 제출하였다.
그리고나서 2시에 과제에 대해 발표하는 시간이 있다.
팀원분과 점심먹기전까지 수다도 떨고, 발표에 대해서 자료들을 선별해서 몇가지를 추려냈다.
점심을 먹고 무사히 발표가 끝난뒤에는 다른 팀들의 발표자료도 보며, 추가하고싶은 기능들을
적어놓았다.
발표 시간이 끝난뒤에 적어놓은 팀마다 가서 깃헙링크를 받아냈다ㅎ
다른 팀들의 코드를 보니.. 진짜 못 알아 듣겠는 코드가 많았다..
그래도 최대한 머리를 굴리면서 봤다. 그리고나서 우리팀 프로젝트 코드들을 보다가
잘못된점을 찾아냈따! 별것도 아니지만 댓글 기능 삭제는 멤버의 고유 아이디를 넣어서
고유멤버의 댓글을 삭제 할 수 있게 구현을 했지만.. 정작 멤버는 멤버의 아이디가아닌,
이름으로 삭제하게 만들었던거시였다.
그래서 멤버 삭제버튼 온클릭 이벤트 함수에도 고유아이디를 부여하였다.
근데 삭제기능이 동작하질 않았다.. 뭐가 잘못되었는지 일단 뭐라도 바꿔보고 이것저것 했었다.
그러다 진짜 못 찾겠다 싶었는데 갑자기 옆에 있는 조의 조원분이 오셔서, 그분한테 물어봤다.
근데 그분이랑 코드를 하나씩 보다가 보니.. 몽고디비에는 id가 숫자형으로 들어가는데
나는 html파일에서 멤버를지우는 함수의 매게변수를 '${memberid}'로 입력한 것이다...
-완성코드
function show_comment(id) {
fetch(`/members/${id}/comments`)
.then((res) => res.json())
.then((data) => {
let rows = data['result'];
$('#comment-list').empty();
rows.forEach((a) => {
let memberid = id;
let nickname = a['nickname'];
let comment = a['comment'];
let temp_html = `<div class="card">
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>${comment}</p>
<footer class="blockquote-footer">${nickname}</footer>
</blockquote>
<button onclick="delete_comment(${memberid})" type="button" class="btn btn-dark">
삭제
</button>
</div>
</div>`;
$('#comment-list').append(temp_html);
});
});
}진짜 별것도 아닌걸로 이렇게 머리를 싸매고 있었다는것에 정말 현타가 왔다. 그래도
해결해서 잠은 잘 수 있겠다. 끗~
