From 080511f4280289a5c1ce2d498c1ff0e39dbb977f Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Fri, 4 Apr 2025 16:14:42 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=9D=B8=EB=B3=B4=EB=93=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/BoardMain.vue | 35 ++++++++++++++++---------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/main/BoardMain.vue b/src/components/main/BoardMain.vue
index c02b99a..5e59ebc 100644
--- a/src/components/main/BoardMain.vue
+++ b/src/components/main/BoardMain.vue
@@ -1,6 +1,15 @@
 <template>
 <div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-6">
     <div class="card text-center h-100">
+        <!-- 더보기 버튼 -->
+        <div class="modal-foote d-flex">
+            <router-link
+            :to="{ name: 'BoardList', query: { type: selectedBoard } }"
+            class="btn btn-primary mr-1 pe-1 ps-1 ms-auto my-auto h-50"
+            >
+            more
+            </router-link>
+        </div>
         <div class="card-body">
         <!-- 모달 본문 -->
         <div class="modal-bod">
@@ -37,12 +46,10 @@
                     <tr>
                     <!-- 익명게시판은 'nickname', 나머지는 'writer' -->
                     <th class="text-center" style="width: 20%;">
-                        {{ selectedBoard === 'anonymous' ? 'nickname' : 'writer' }}
+                        {{ selectedBoard === 'anonymous' ? '닉네임' : '작성자' }}
                     </th>
-                    <!-- 제목 헤더는 왼쪽 정렬 -->
-                    <th class="text-start" style="width: 65%;">title</th>
-                    <th class="text-center" style="width: 15%;">views</th>
-                    </tr>
+                    <th class="text-center" style="width: 65%;">제목</th>
+                </tr>
                 </thead>
                 <tbody>
                     <tr
@@ -55,7 +62,7 @@
                         {{ selectedBoard === 'anonymous' ? post.nickname : post.author }}
                     </td>
                     <td class="text-start fs-6">
-                        <div>
+                        <div class="ms-2">
                         {{ truncateTitle(post.title) }}
                         <span v-if="post.commentCount" class="text-danger ml-1 small">
                             [{{ post.commentCount }}]
@@ -65,12 +72,15 @@
                         v-if="post.hasAttachment.length > 0"
                         class="bi bi-paperclip ml-1 small"
                         ></i>
-                        </div>
+
                         <div class="text-muted small small">
                         {{ post.date }}
+                        <span class="ms-1">
+                        <i class="fa-regular fa-eye small me-1"></i>{{post.views}}
+                        </span>
                         </div>
+                    </div>
                     </td>
-                    <td class="text-center small">{{ post.views }}</td>
                     </tr>
                     <tr v-if="currentList.length === 0">
                     <td colspan="3" class="text-center text-muted">게시물이 없습니다.</td>
@@ -79,15 +89,6 @@
                 </table>
             </div>
         </div>
-        <!-- 모달 푸터: 더보기 버튼 오른쪽 정렬 -->
-        <div class="modal-foote d-flex">
-            <router-link
-            :to="{ name: 'BoardList', query: { type: selectedBoard } }"
-            class="btn btn-primary mr-1 pe-1 ps-1 ms-auto my-auto h-50"
-            >
-            more
-            </router-link>
-        </div>
     </div>
 </div>
 </template>