From 9fdd96d266371936225a9e2370eeb80bba453864 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Thu, 16 Jan 2025 15:26:09 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=EB=AC=BC=20id=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/list/BoardCardList.vue | 8 +++++++-
 src/views/board/BoardList.vue         | 5 ++++-
 src/views/board/BoardView.vue         | 1 +
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/list/BoardCardList.vue b/src/components/list/BoardCardList.vue
index f133a6f..fbc984b 100644
--- a/src/components/list/BoardCardList.vue
+++ b/src/components/list/BoardCardList.vue
@@ -3,7 +3,7 @@
         <div v-if="posts.length === 0" class="text-center">
             게시물이 없습니다.
         </div>
-        <div v-for="post in posts" :key="post.id">
+        <div v-for="post in posts" :key="post.id" @click="handleClick(post.id)">
             <BoardCard
                 :img="post.img"
                 :category="post.category"
@@ -30,6 +30,12 @@ export default {
             required: true,
         },
     },
+    emits: ['click'],
+    methods: {
+        handleClick(id) {
+            this.$emit('click', id);
+        },
+    },
 };
 </script>
 
diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index b9d5b76..b93eadc 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -40,6 +40,7 @@ const searchText = ref('');
 
 // 상세 페이지 이동
 const goDetail = (id) => {
+    console.log('Navigating to ID:', id)
     router.push({ name: 'BoardDetail', params: { id } });
 };
 
@@ -82,9 +83,11 @@ const changePage = (page) => {
 const fetchPosts = async () => {
     const response = await axios.get("board/general");
     console.log(response.data.data.list)
+
     if (response.data && response.data.data && Array.isArray(response.data.data.list)) {
-        list.value = response.data.data.list.map((post) => ({
+        list.value = response.data.data.list.map((post, index) => ({
             ...post,
+            id: post.id || index,
             img: post.img || null,
             likes: post.likes || 0,
             comments: post.comments || 0,
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 080fdc0..d848449 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -83,6 +83,7 @@ const fetchBoardDetails = async () => {
 
 // 컴포넌트 마운트 시 데이터 로드
 onMounted(() => {
+    console.log('Route Params:', route.params);
     fetchBoardDetails();
 });
 </script>