Write Comment API

Author: kangdy25

Node_Express/Chapter06/board/app.js

@@ -120,6 +120,34 @@ app.delete("/delete", async (req, res) => {
     }
 });
 
+app.post("/write-comment", async (req, res) => {
+    const { id, name, password, comment } = req.body;
+    const post = await postService.getPostById(collection, id);
+
+    if (post.comments) {
+        post.comments.push({
+            idx: post.comments.length + 1,
+            name,
+            password,
+            comment,
+            createdDt: new Date().toISOString(),
+        });
+    } else {
+        post.comments = [
+            {
+                idx: 1,
+                name,
+                password,
+                comment,
+                createdDt: new Date().toISOString(),
+            },
+        ];
+    }
+
+    postService.updatePost(collection, id, post);
+    return res.redirect(`/detail/${id}`);
+});
+
 let collection;
 app.listen(3000, async () => {
     console.log("SERVER START");

Node_Express/Chapter06/board/views/detail.handlebars

@@ -23,9 +23,10 @@
     </div>
     <section>
         <div>
-            <h3>3개의 댓글이 있습니다.</h3>
+            <h3>{{lengthOfList comments}}개의 댓글이 있습니다.</h3>
         </div>
         <form method="post" action="/write-comment">
+            <input type="hidden" name="id" value="{{_id}}"/>
             <div>
                 <div>
                     <input type="text" name="name" placeholder="이름" />
@@ -50,19 +51,20 @@
     </section>
 
     <section>
+        {{#each comments}}
         <div>
             <div>
-                작성자:
-                <b>댓글 작성자</b>
+                작성자: <b>{{name}}</b>
             </div>
             <div>
-                작성일시: 2025-09-12 16:18:00
-                <button onclick="deleteComment('1')">삭제</button>
+                작성일시: {{dateString createdDt}}
+                <button onclick="deleteComment('{{idx}}')">삭제</button>
             </div>
             <div>
                 <pre>{{comment}}</pre>
             </div>
         </div>
+        {{/each}}
     </section>
 
 {{/with}}