jpablog : delete comment

jpablog/src/main/java/com/example/jpablog/controller/api/BoardApiController.java

@@ -40,11 +40,16 @@ public class BoardApiController {
     }
 
     @PostMapping("/api/board/{boardId}/reply")
-    public ResponseDto<Integer> replySave(@RequestBody ReplySaveRequestDto dto) {
+    public ResponseDto<Integer> SaveReply(@RequestBody ReplySaveRequestDto dto) {
         boardService.댓글쓰기(dto);
         return new ResponseDto<>(1, HttpStatus.OK.value());
     }
 
+    @DeleteMapping("/api/board/{boardId}/reply/{replyId}")
+    public ResponseDto<Integer> deleteReply(@PathVariable Long replyId) {
+        boardService.댓글삭제(replyId);
+        return new ResponseDto<>(1, HttpStatus.OK.value());
+    }
     /*// 기본 로그인
     @PostMapping("/user/login")
     public ResponseDto<Integer> login(@RequestBody User user, HttpSession session) {

jpablog/src/main/java/com/example/jpablog/service/BoardService.java

@@ -74,4 +74,9 @@ public class BoardService {
 //                .build();
         replyRepository.replySave(replySaveRequestDto);
     }
+
+    @Transactional
+    public void 댓글삭제(Long replyId) {
+        replyRepository.deleteById(replyId);
+    }
 }

jpablog/src/main/resources/static/js/board.js

@@ -86,6 +86,18 @@ let index = {
             alert(JSON.stringify(error));
         });
     },
+    replyDelete : function (boardId, replyId) {
+        $.ajax({
+            type: "delete",
+            url: `/api/board/${boardId}/reply/${replyId}`,
+            dataType: "json"
+        }).done(function (resp){
+            alert("댓글 삭제 완료!");
+            location.href = `/board/${boardId}`;
+        }).fail(function (error){
+            alert(JSON.stringify(error));
+        });
+    },
 }
 
 index.init();

jpablog/src/main/webapp/WEB-INF/views/board/detail.jsp

@@ -34,13 +34,13 @@
     <br/>
     <div class="card">
         <div class="card-header">댓글</div>
-        <ul id="reply--box" class="list-group">
+        <ul id="reply-box" class="list-group">
             <c:forEach var="reply" items="${board.replies}">
-                <li id="reply--1" class="list-group-item d-flex justify-content-between">
+                <li id="reply-${reply.id}" class="list-group-item d-flex justify-content-between">
                     <div>${reply.content}</div>
                     <div class="d-flex">
                         <div class="font-italic">작성자 : ${reply.user.username} &nbsp;</div>
-                        <button class="badge">삭제</button>
+                        <button onclick="index.replyDelete(${board.id}, ${reply.id})" class="badge">삭제</button>
                     </div>
                 </li>
             </c:forEach>