From 68c096b43f62ec06bfd0370ed1e64347b8001042 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 4 Feb 2025 16:15:47 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=ED=8C=90=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=88=98=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/board/BoardList.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index 1b528c5..f5428dc 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -60,6 +60,7 @@
                             <td>공지</td>
                             <td>
                                 📌 {{ notice.title }}
+                                <i v-if="notice.img" class="bi bi-image me-1"></i>
                                 <i v-if="notice.hasAttachment" class="bi bi-paperclip"></i>
                                 <span v-if="isNewPost(notice.date)" class="badge bg-danger text-white ms-2 new-badge">N</span>
                             </td>
@@ -76,6 +77,7 @@
                         <td>{{ post.id }}</td>
                         <td>
                             {{ post.title }}
+                            <i v-if="post.img" class="bi bi-image me-1"></i>
                             <i v-if="post.hasAttachment" class="bi bi-paperclip"></i>
                             <span v-if="isNewPost(post.date)" class="badge bg-danger text-white ms-2 new-badge">N</span>
                         </td>
@@ -190,7 +192,8 @@ const fetchGeneralPosts = async (page = 1) => {
                 author: post.author || '익명',
                 date: formatDate(post.date), // 날짜 변환 적용
                 views: post.cnt || 0,
-                hasAttachment: post.hasAttachment || false
+                hasAttachment: post.hasAttachment || false,
+                img: post.firstImageUrl || null
             }));
 
             pagination.value = {
@@ -228,7 +231,8 @@ const fetchNoticePosts = async () => {
                 author: post.author || '관리자',
                 date: formatDate(post.date), // 날짜 변환 적용
                 views: post.cnt || 0,
-                hasAttachment: post.hasAttachment || false
+                hasAttachment: post.hasAttachment || false,
+                img: post.firstImageUrl || null
             }));
         }
     } catch (error) {

From 67bb83277aaa44fa83e733f66e369c53c39dedf0 Mon Sep 17 00:00:00 2001
From: dyhj625 <dyhj625@local-host.co.kr>
Date: Tue, 4 Feb 2025 16:21:07 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=ED=8C=90=20=EB=A6=AC?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EB=B2=88=ED=98=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/board/BoardList.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index f5428dc..28aacfc 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -51,7 +51,7 @@
                     </tr>
                 </thead>
                 <tbody>
-                    <!-- 공지사항 (첫 페이지에서만 표시, showNotices가 false일 때만 보임) -->
+                    <!-- 공지사항 -->
                     <template v-if="pagination.currentPage === 1 && !showNotices">
                         <tr v-for="(notice, index) in noticeList"
                             :key="'notice-' + index"
@@ -114,7 +114,7 @@ import isYesterday from 'dayjs/plugin/isYesterday';
 import 'bootstrap-icons/font/bootstrap-icons.css';
 
 
-dayjs.extend(isToday); // 오늘 날짜 판별 플러그인 추가
+dayjs.extend(isToday);
 dayjs.extend(isYesterday);
 
 // 데이터 초기화
@@ -157,13 +157,13 @@ const isNewPost = (dateString) => {
     return date.isToday() || date.isYesterday();
 };
 
-// 검색 처리 (검색 시 첫 페이지부터 조회)
+// 검색 처리
 const search = (e) => {
     searchText.value = e.trim();
     fetchGeneralPosts(1);
 };
 
-// 정렬 변경 핸들러 (첫 페이지부터 정렬)
+// 정렬 변경 핸들러
 const handleSortChange = () => {
     fetchGeneralPosts(1);
 };
@@ -186,8 +186,11 @@ const fetchGeneralPosts = async (page = 1) => {
         });
 
         if (data?.data) {
-            generalList.value = data.data.list.map(post => ({
-                id: post.id,
+            console.log(data)
+            const totalPosts = data.data.total; // 전체 게시물 개수 받아오기 (API가 제공해야 함)
+
+            generalList.value = data.data.list.map((post, index) => ({
+                id: totalPosts - ((page - 1) * selectedSize.value) - index,
                 title: post.title,
                 author: post.author || '익명',
                 date: formatDate(post.date), // 날짜 변환 적용
@@ -229,7 +232,7 @@ const fetchNoticePosts = async () => {
                 id: post.id,
                 title: post.title,
                 author: post.author || '관리자',
-                date: formatDate(post.date), // 날짜 변환 적용
+                date: formatDate(post.date),
                 views: post.cnt || 0,
                 hasAttachment: post.hasAttachment || false,
                 img: post.firstImageUrl || null
@@ -259,7 +262,6 @@ onMounted(() => {
 .notice-row {
     background-color: #f8f9fa;
 }
-
 .notice-row td {
     color: #DC3545 !important;
 }