From b02d99e4b17ab0ea00221e5a5107763b6f3d7835 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Thu, 27 Feb 2025 16:23:45 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=93=EA=B8=80=20=EC=9D=B5=EB=AA=85=20?=
 =?UTF-8?q?=EC=B2=B4=ED=81=AC=20=EC=88=98=EC=A0=95=20=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardCommentArea.vue |  7 +++----
 src/views/board/BoardView.vue             | 10 ++++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/board/BoardCommentArea.vue b/src/components/board/BoardCommentArea.vue
index 4f2fca2..e696680 100644
--- a/src/components/board/BoardCommentArea.vue
+++ b/src/components/board/BoardCommentArea.vue
@@ -51,10 +51,7 @@
 
                 <!-- 답변 쓰기 버튼 -->
                 <div class="ms-auto mt-3 mt-md-0">
-                    <button class="btn btn-primary" @click="handleCommentSubmit">
-                        <!-- <i class="icon-base bx bx-check"></i> -->
-                        확인
-                    </button>
+                    <SaveBtn class="btn btn-primary" @click="handleCommentSubmit"></SaveBtn>
                 </div>
             </div>
         </div>
@@ -63,6 +60,7 @@
 
 <script setup>
 import { ref, defineEmits, defineProps, computed, watch } from 'vue';
+import SaveBtn from '../button/SaveBtn.vue';
 
 const props = defineProps({
     unknown: {
@@ -90,6 +88,7 @@ const isCheck = ref(props.unknown);
 const emit = defineEmits(['submitComment']);
 const LOCBRDTYP = isCheck.value ? '300102' : null;
 function handleCommentSubmit() {
+    console.log(isCheck.value)
     emit('submitComment', {
         comment: comment.value,
         password: isCheck.value ? password.value : '',
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 3edd703..6030f77 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -106,7 +106,7 @@
                         <BoardCommentList
                             :unknown="unknown"
                             :comments="commentsWithAuthStatus"
-                            :isCommentPassword="Boolean(isCommentPassword)"
+                            :isCommentPassword="isCommentPassword"
                             :isEditTextarea="isEditTextarea"
                             :passwordCommentAlert="passwordCommentAlert"
                             @editClick="editComment"
@@ -320,6 +320,8 @@ const fetchComments = async (page  = 1) => {
             children: [], // 대댓글을 담을 배열
         }));
 
+        commentsList.sort((a, b) => b.createdAtRaw - a.createdAtRaw);
+
         for (const comment of commentsList) {
             if (!comment.commentId) continue;
 
@@ -378,13 +380,13 @@ const fetchComments = async (page  = 1) => {
 };
 
 // 댓글 작성
-const handleCommentSubmit = async (data, isCheck) => {
+const handleCommentSubmit = async (data) => {
     if (!data) {
         console.error("handleCommentSubmit: data가 undefined입니다.");
         return;
     }
 
-    const { comment, password } = data;
+    const { comment, password, isCheck } = data;
 
     if (!comment || comment.trim() === "") {
         commentAlert.value = '댓글을 입력해주세요.';
@@ -404,7 +406,7 @@ const handleCommentSubmit = async (data, isCheck) => {
             LOCCMTRPY: comment,
             LOCCMTPWD: isCheck ? password : '',
             LOCCMTPNT: 1,
-            LOCBRDTYP: unknown.value ? "300102" : null
+            LOCBRDTYP: isCheck ? "300102" : null
         });
 
         if (response.status === 200) {