From 5bd56faf113ac6f761a9eec28631c621f6a7a32c Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Sat, 1 Feb 2025 16:17:24 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B2=A8=EB=B6=80=ED=8C=8C=EC=9D=BC=20?=
 =?UTF-8?q?=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 | 10 +++++---
 src/components/board/BoardContent.vue |  2 +-
 src/components/board/BoardProfile.vue |  6 ++++-
 src/views/board/BoardView.vue         | 33 +++++++++++++++++++++++----
 4 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 8016d3f..1a6d35b 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <BoardProfile :profileName="comment.author" :showDetail="false" :author="true" />
+        <BoardProfile :profileName="comment.author" :showDetail="false" :author="true" :isChild="isChild" />
         <div class="mt-6">
             <p class="m-0">{{ comment.content }}</p>
         </div>
@@ -14,7 +14,7 @@
                 :key="child.id"
                 class="pt-8 ps-10"
             >
-                <BoardComment :comment="child" :isPlusButton="false" @submitComment="addChildComment" />
+                <BoardComment :comment="child" :isPlusButton="false" :isChild="true" @submitComment="addChildComment" />
             </li>
         </ul>
         <!-- <ul class="list-unstyled twoDepth">
@@ -46,7 +46,11 @@ const props = defineProps({
   isPlusButton: {
     type: Boolean,
     default: true,
-  }
+  },
+  isChild: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // emits 정의
diff --git a/src/components/board/BoardContent.vue b/src/components/board/BoardContent.vue
index 2b5abbd..7b46e86 100644
--- a/src/components/board/BoardContent.vue
+++ b/src/components/board/BoardContent.vue
@@ -3,7 +3,7 @@
     <div class="d-flex justify-content-between align-items-center flex-wrap mb-6 gap-2">
         <!-- 제목 섹션 -->
         <div class="me-1">
-            <h5 class="mb-0">{{ boardTitle }}</h5>
+            <h5 class="mb-0">{{ boardTitle }}adada</h5>
         </div>
         <!-- 첨부파일 섹션 -->
         <div v-if="dropdownItems.length > 0" class="btn-group">
diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index 9db9045..d5091f5 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -38,7 +38,7 @@
                         <i class='bx bx-trash'></i>
                     </button> -->
                 </template>
-                <BoardRecommendBtn :isRecommend="false" />
+                <BoardRecommendBtn v-if="!isChild" :isRecommend="false" />
             </template>
         </div>
     </div>
@@ -84,6 +84,10 @@ const props = defineProps({
         type: Number,
         default: null,
     },
+    isChild: {
+        type: Boolean,
+        default: false,
+    }
 });
 
 const boardId = 100; //수정필요!!
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 059b18c..e1d8591 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -16,12 +16,33 @@
                     </div>
                     <!-- 게시글 내용 -->
                     <div class="card-body">
-                        <h5 class="mb-4">{{ boardTitle }}</h5>
-                        <!-- HTML 콘텐츠 렌더링 -->
-                        <div class="board-content text-body" style="line-height: 1.6;" v-html="$common.contentToHtml(boardContent)">
 
+                        <div class="d-flex justify-content-between align-items-center flex-wrap mb-6 gap-2">
+                            <!-- 제목 섹션 -->
+                            <div class="me-1">
+                                <h5 class="mb-4">{{ boardTitle }}</h5>
+                            </div>
+                            
+                            <!-- 첨부파일 섹션 -->
+                            <div v-if="attachments" class="btn-group">
+                                <button type="button" class="btn btn-label-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                                    <i class="fa-solid fa-download me-2"></i>
+                                    첨부파일
+                                    <!-- (<span class="attachment-num">{{ dropdownItems.length }}</span>) -->
+                                </button>
+                                <!-- <ul class="dropdown-menu">
+                                    <li v-for="(item, index) in dropdownItems" :key="index">
+                                        <a class="dropdown-item" href="javascript:void(0);">
+                                            {{ item.label }}
+                                        </a>
+                                    </li>
+                                </ul> -->
+                            </div>
                         </div>
                         
+                        <!-- HTML 콘텐츠 렌더링 -->
+                        <div class="board-content text-body" style="line-height: 1.6;" v-html="$common.contentToHtml(boardContent)"></div>
+                        
                         <!-- 좋아요 버튼 -->
                         <div class="row justify-content-center my-10">
                             <BoardRecommendBtn
@@ -35,11 +56,11 @@
                         </div>
 
                         <!-- 첨부파일 목록 -->
-                        <ul v-if="attachments.length" class="attachments mt-4 list-unstyled">
+                        <!-- <ul v-if="attachments.length" class="attachments mt-4 list-unstyled">
                             <li v-for="(attachment, index) in attachments" :key="index" class="mb-2">
                                 <a :href="attachment.url" target="_blank" class="text-decoration-none">{{ attachment.name }}</a>
                             </li>
-                        </ul>
+                        </ul> -->
 
                         <!-- 댓글 영역 -->
                         <BoardComentArea :comments="comments" />
@@ -79,6 +100,7 @@ const attachments = ref([]);
 const views = ref(0);
 const likes = ref(0);
 const dislikes = ref(0);
+const attachment = ref(false);
 
 // 라우트에서 ID 가져오기
 const route = useRoute();
@@ -108,6 +130,7 @@ const fetchBoardDetails = async () => {
         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 || [];