From d1aa5fb438c60f25bea28c96ca8a162730907c27 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Tue, 4 Feb 2025 10:57:18 +0900
Subject: [PATCH] =?UTF-8?q?=EB=82=A0=EC=A7=9C=20=EB=B3=80=ED=99=98?=
 =?UTF-8?q?=EC=A0=84,=20=EC=A2=8B=EC=95=84=EC=9A=94=20=ED=95=B4=EA=B2=B0?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardProfile.vue | 19 ++++++++-----------
 src/views/board/BoardView.vue         | 25 +++++++++++++------------
 2 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index d5091f5..f9ab07a 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -7,16 +7,13 @@
             <div class="me-2">
                 <h6 class="mb-0">{{ profileName }}</h6>
                 <div class="profile-detail">
-                    <span>2024.12.10 10:46</span>
+                    <span>{{ date }}</span>
                     <template v-if="showDetail">
                         <span>
                             <i class="fa-regular fa-eye"></i> {{ views }}
                         </span>
                         <span>
-                            <i class="fa-regular fa-thumbs-up"></i> {{ likes }}
-                        </span>
-                        <span>
-                            <i class="fa-regular fa-thumbs-down"></i> {{ dislikes }}
+                            <i class="bx bx-comment"></i> {{ comments }}
                         </span>
                     </template>
                 </div>
@@ -72,17 +69,17 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    date: {
+        type: String,
+        required: true,
+    },
     views: {
         type: Number,
         default: 0,
     },
-    likes: {
+    comments: {
         type: Number,
-        default: null,
-    },
-    dislikes: {
-        type: Number,
-        default: null,
+        default: 0,
     },
     isChild: {
         type: Boolean,
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 18df4be..474517d 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -9,8 +9,8 @@
                             :boardId="currentBoardId"
                             :profileName="profileName"
                             :views="views"
-                            :likes="likes"
-                            :dislikes="dislikes"
+                            :comments="comments"
+                            :date="date"
                             class="pb-6 border-bottom"
                         />
                     </div>
@@ -49,8 +49,8 @@
                                 :bigBtn="true"
                                 :boardId="currentBoardId"
                                 :commentId="null"
-                                :likeCount="currentLikeCount"
-                                :dislikeCount="currentDislikeCount"
+                                :likeCount="likes"
+                                :dislikeCount="dislikes"
                                 @updateReaction="handleUpdateReaction"
                             />
                         </div>
@@ -63,7 +63,7 @@
                         </ul> -->
 
                         <!-- 댓글 영역 -->
-                        <BoardComentArea :comments="comments" />
+                        <BoardComentArea />
 
                         <!-- 수정 버튼 -->
                         <!-- <button class="btn btn-primary" @click="goToEditPage">
@@ -95,11 +95,12 @@ import axios from '@api';
 const profileName = ref('익명 사용자');
 const boardTitle = ref('제목 없음');
 const boardContent = ref('');
-const comments = ref([]);
 const attachments = ref([]);
+const date = ref('');
 const views = ref(0);
 const likes = ref(0);
 const dislikes = ref(0);
+const comments = ref(0);
 const attachment = ref(false);
 
 // 라우트에서 ID 가져오기
@@ -122,24 +123,24 @@ const fetchBoardDetails = async () => {
         const boardDetail = data.boardDetail || {};
         // console.log('boardDetail:', boardDetail);
 
+        console.log('API Response:', response.data);
+
         profileName.value = data.author || '익명 사용자';
         boardTitle.value = data.title || '제목 없음';
         boardContent.value = data.content || '';
+        date.value = data.date || '';
         views.value = data.cnt || 0;
         likes.value = data.likeCount || 0;
         dislikes.value = data.dislikeCount || 0;
         attachment.value = data.hasAttachment || null;
-
-        attachments.value = data.attachments || [];
-        comments.value = data.comments || [];
+        comments.value = data.commentCount || 0;
+        console.log(date.value)
+        
     } catch (error) {
         alert('게시물 데이터를 불러오는 중 오류가 발생했습니다.');
     }
 };
 
-const currentLikeCount = ref(10);
-const currentDislikeCount = ref(2);
-
 // 좋아요, 싫어요
 const handleUpdateReaction = async ({ type, boardId, commentId }) => {
     try {