From 5cb43eac9f01cc032a9a30231509982fd640e3f2 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 1 Apr 2025 11:22:07 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A6=AC=EC=8A=A4=ED=8A=B8...=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80,=EA=B3=B5=EC=A7=80=EC=A2=8B=EC=95=84=EC=9A=94,?=
 =?UTF-8?q?=EB=8C=93=EA=B8=80=20=EC=97=86=EC=95=A0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/board/BoardList.vue | 8 ++++++--
 src/views/board/BoardView.vue | 6 +++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index cd3ee2f..d07e117 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -65,7 +65,7 @@
                                     <td class="cursor-pointer">
                                         <div class="d-flex align-items-center">
                                             <span class="me-1">📌</span>
-                                            <span>{{ notice.title }}</span>
+                                            <span>{{ truncateTitle(notice.title) }}</span>
 
                                             <span v-if="notice.commentCount" class="text-danger fw-bold mx-1">
                                                 [ {{ notice.commentCount }} ]
@@ -95,7 +95,7 @@
                                 <td class="text-center">{{ post.id }}</td>
                                 <td class="cursor-pointer">
                                     <div class="d-flex align-items-center">
-                                        {{ post.title }}
+                                        {{ truncateTitle(post.title) }}
                                         <span v-if="post.commentCount" class="comment-count">[ {{ post.commentCount }} ]</span>
                                         <i v-if="post.img" class="bi bi-image mx-1"></i>
                                         <i
@@ -177,6 +177,10 @@
         router.push({ name: 'BoardDetail', params: { id: id } });
     };
 
+    const truncateTitle = title => {
+        return title.length > 28 ? title.slice(0, 28) + '...' : title;
+    };
+
     // 로컬 스토리지 필터 저장
     const saveFilterToStorage = seq => {
         const query = {
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index a29c575..2a7c81e 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -80,7 +80,7 @@
                         ></div>
 
                         <!-- 좋아요 버튼 -->
-                        <div v-if="unknown || authorId" class="row justify-content-center my-10">
+                        <div v-if="unknown" class="row justify-content-center my-10">
                             <BoardRecommendBtn
                                 :bigBtn="true"
                                 :boardId="currentBoardId"
@@ -92,7 +92,7 @@
                                 @updateReaction="handleUpdateReaction"
                             />
                         </div>
-                        <div v-if="unknown || authorId" >
+                        <div v-if="unknown" >
                             <!-- 댓글 입력 영역 -->
                             <BoardCommentArea
                                 :profileName="profileName"
@@ -106,7 +106,7 @@
                     </div>
 
                     <!-- 댓글 목록 -->
-                    <div v-if="unknown || authorId" class="card-footer">
+                    <div v-if="unknown" class="card-footer">
                         <BoardCommentList
                             :unknown="unknown"
                             :comments="commentsWithAuthStatus"