날짜 변환전, 좋아요 해결완료

src/components/board/BoardProfile.vue

@@ -7,16 +7,13 @@
             <div class="me-2">
                 <h6 class="mb-0">{{ profileName }}</h6>
                 <div class="profile-detail">
-                    <span>2024.12.10 10:46</span>
+                    <span>{{ date }}</span>
                     <template v-if="showDetail">
                         <span>
                             <i class="fa-regular fa-eye"></i> {{ views }}
                         </span>
                         <span>
-                            <i class="fa-regular fa-thumbs-up"></i> {{ likes }}
+                            <i class="bx bx-comment"></i> {{ comments }}
-                        </span>
-                        <span>
-                            <i class="fa-regular fa-thumbs-down"></i> {{ dislikes }}
                         </span>
                     </template>
                 </div>
@@ -72,17 +69,17 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    date: {
+        type: String,
+        required: true,
+    },
     views: {
         type: Number,
         default: 0,
     },
-    likes: {
+    comments: {
         type: Number,
-        default: null,
+        default: 0,
-    },
-    dislikes: {
-        type: Number,
-        default: null,
     },
     isChild: {
         type: Boolean,

src/views/board/BoardView.vue

@@ -9,8 +9,8 @@
                             :boardId="currentBoardId"
                             :profileName="profileName"
                             :views="views"
-                            :likes="likes"
+                            :comments="comments"
-                            :dislikes="dislikes"
+                            :date="date"
                             class="pb-6 border-bottom"
                         />
                     </div>
@@ -49,8 +49,8 @@
                                 :bigBtn="true"
                                 :boardId="currentBoardId"
                                 :commentId="null"
-                                :likeCount="currentLikeCount"
+                                :likeCount="likes"
-                                :dislikeCount="currentDislikeCount"
+                                :dislikeCount="dislikes"
                                 @updateReaction="handleUpdateReaction"
                             />
                         </div>
@@ -63,7 +63,7 @@
                         </ul> -->
 
                         <!-- 댓글 영역 -->
-                        <BoardComentArea :comments="comments" />
+                        <BoardComentArea />
 
                         <!-- 수정 버튼 -->
                         <!-- <button class="btn btn-primary" @click="goToEditPage">
@@ -95,11 +95,12 @@ import axios from '@api';
 const profileName = ref('익명 사용자');
 const boardTitle = ref('제목 없음');
 const boardContent = ref('');
-const comments = ref([]);
 const attachments = ref([]);
+const date = ref('');
 const views = ref(0);
 const likes = ref(0);
 const dislikes = ref(0);
+const comments = ref(0);
 const attachment = ref(false);
 
 // 라우트에서 ID 가져오기
@@ -122,24 +123,24 @@ const fetchBoardDetails = async () => {
         const boardDetail = data.boardDetail || {};
         // console.log('boardDetail:', boardDetail);
 
+        console.log('API Response:', response.data);
+
         profileName.value = data.author || '익명 사용자';
         boardTitle.value = data.title || '제목 없음';
         boardContent.value = data.content || '';
+        date.value = data.date || '';
         views.value = data.cnt || 0;
         likes.value = data.likeCount || 0;
         dislikes.value = data.dislikeCount || 0;
         attachment.value = data.hasAttachment || null;
+        comments.value = data.commentCount || 0;
+        console.log(date.value)
         
-        attachments.value = data.attachments || [];
-        comments.value = data.comments || [];
     } catch (error) {
         alert('게시물 데이터를 불러오는 중 오류가 발생했습니다.');
     }
 };
 
-const currentLikeCount = ref(10);
-const currentDislikeCount = ref(2);
-
 // 좋아요, 싫어요
 const handleUpdateReaction = async ({ type, boardId, commentId }) => {
     try {