댓글 생성 및 조회

realworld/src/main/webapp/WEB-INF/jsp/article/articleDetails.jsp

@@ -38,11 +38,37 @@
             // content: 
             // created: 
         }
-        console.log(req.userId);
-        const options = {
-            method: 'POST'
+
+        const postOptions = {
+            body: JSON.stringify(req),
+            method: 'POST',
+            headers: {
+                "Content-Type": "application/json"
+            }
+        };
+
+        const getOptions = {
+            method: 'GET'
         }
-        fetch('/article/${articleDetal.id}/comment', options)
+
+        fetch('/article/${articleDetail.id}/comment', postOptions)
+            .then(response => {
+                if(response.status === 201) {
+                    return ;
+                }
+            })
+            .then(() => {
+                fetch('/article/${articleDetail.id}/comment/all', getOptions)
+                    .then(response => {
+                        if(response.status === 200) {
+                            return response.json();
+                        }
+                    })
+                    .then(json => {
+                        const { comments } = json;
+                        
+                    })
+            })
     } 
 
     window.onload = () => {
@@ -178,7 +204,7 @@
                         </div>
                         <div class="card-footer">
                             <img class="comment-img" src="img/avatar.jpg" alt="">
-                            <button class="btn btn-card btn-sm">Post Comment</button>
+                            <button class="btn btn-card btn-sm" onclick="createComment()">Post Comment</button>
                         </div>
                     </div>
                     <div class="card">