From c68043f12b9d26dbdbf58a2b74713ceaf6d7c860 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Sat, 1 Feb 2025 14:54:15 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A2=8B=EC=95=84=EC=9A=94=20=EC=8B=AB?=
 =?UTF-8?q?=EC=96=B4=EC=9A=94=20=EB=B2=84=ED=8A=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComment.vue     |  8 ++++----
 src/components/board/BoardCommentList.vue |  2 +-
 src/components/board/BoardProfile.vue     | 20 ++++++++++++++++----
 src/views/board/BoardView.vue             |  6 +++++-
 4 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 30bb704..8016d3f 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -1,10 +1,10 @@
 <template>
     <div>
         <BoardProfile :profileName="comment.author" :showDetail="false" :author="true" />
-        <div class="my-6">
-            <p>{{ comment.content }}</p>
+        <div class="mt-6">
+            <p class="m-0">{{ comment.content }}</p>
         </div>
-        <PlusButton v-if="isPlusButton" @click="toggleComment"/>
+        <PlusButton v-if="isPlusButton" @click="toggleComment" class="mt-6"/>
         <BoardComentArea v-if="isComment" @submit="submitComment"/>
         
         <!-- 대댓글 -->
@@ -12,7 +12,7 @@
             <li
                 v-for="child in comment.children"
                 :key="child.id"
-                class="pt-6 ps-10"
+                class="pt-8 ps-10"
             >
                 <BoardComment :comment="child" :isPlusButton="false" @submitComment="addChildComment" />
             </li>
diff --git a/src/components/board/BoardCommentList.vue b/src/components/board/BoardCommentList.vue
index 5702577..ad8fd13 100644
--- a/src/components/board/BoardCommentList.vue
+++ b/src/components/board/BoardCommentList.vue
@@ -3,7 +3,7 @@
         <li
             v-for="comment in comments"
             :key="comment.id"
-            class="mt-6"
+            class="mt-8"
         >
             <BoardComment :comment="comment" @submitComment="addComment" />
         </li>
diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index 3fdecf5..9db9045 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -10,13 +10,13 @@
                     <span>2024.12.10 10:46</span>
                     <template v-if="showDetail">
                         <span>
-                            <i class="fa-regular fa-eye"></i> 1
+                            <i class="fa-regular fa-eye"></i> {{ views }}
                         </span>
                         <span>
-                            <i class="fa-regular fa-thumbs-up"></i> 1
+                            <i class="fa-regular fa-thumbs-up"></i> {{ likes }}
                         </span>
                         <span>
-                            <i class="fa-regular fa-thumbs-down"></i> 1
+                            <i class="fa-regular fa-thumbs-down"></i> {{ dislikes }}
                         </span>
                     </template>
                 </div>
@@ -55,7 +55,7 @@ import BoardRecommendBtn from '../button/BoardRecommendBtn.vue';
 const router = useRouter();
 
 // Props 정의
-defineProps({
+const props = defineProps({
     profileName: {
         type: String,
         default: '익명',
@@ -72,6 +72,18 @@ defineProps({
         type: Boolean,
         default: false,
     },
+    views: {
+        type: Number,
+        default: 0,
+    },
+    likes: {
+        type: Number,
+        default: null,
+    },
+    dislikes: {
+        type: Number,
+        default: null,
+    },
 });
 
 const boardId = 100; //수정필요!!
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 3da5d84..200eecd 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -5,7 +5,11 @@
                 <div class="card">
                     <!-- 프로필 헤더 -->
                     <div class="card-header">
-                        <BoardProfile :boardId="currentBoardId" :profileName="profileName" class="pb-6 border-bottom" />
+                        <BoardProfile
+                            :boardId="currentBoardId"
+                            :profileName="profileName"
+                            class="pb-6 border-bottom"
+                            />
                     </div>
                     <!-- 게시글 내용 -->
                     <div class="card-body">