AJAX - API of deleting comments

videoDetail.pug

videoDetail.pug

addComment.js

global variable

Delete 버튼을 누르면 handleDeleteComment가 실행된다.

init()

  e.preventDefault()로 submit의 새로고침을 차단하고 axios를 통해서 server에 어떤 comment를 삭제해야 하는지 알려준다. 그리고 Comment count를 내리고 element도 삭제한다.

handleDeleteComment()

downCommentCnt()

deleteElement()

  

routes.js

  AJAX는 다른 페이지를 접속하지 않고 데이터를 로드하는 방식이기 때문에, 일단 실제 페이지를 생성하긴 해야 한다.

routes.js

routes.js-deleteComment

apiRouter.js

apiRouter.js

apiController.js

   Front-end가 보낸 id값으로 comment를 찾고 삭제한다. comment.creator와 comment를 삭제하려는 user가 동일인물이 아닐 경우 error를 발생한다.

postDeleteComment()

참고 자료

• axios
• AJAX

소스 코드

github.com/zpskek/wetube-v3/commit/40ec41dd07c73fa4451d6d23dfa546a1b0913ce7