From 57c81b36a5a17af032ec1c8042f24f36841afdb6 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Tue, 4 Feb 2025 13:38:26 +0900
Subject: [PATCH] =?UTF-8?q?=EB=82=A0=EC=A7=9C=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardProfile.vue |  3 ++-
 src/views/board/BoardView.vue         | 10 ++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index f9ab07a..2125e95 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -9,7 +9,7 @@
                 <div class="profile-detail">
                     <span>{{ date }}</span>
                     <template v-if="showDetail">
-                        <span>
+                        <span class="ms-2">
                             <i class="fa-regular fa-eye"></i> {{ views }}
                         </span>
                         <span>
@@ -42,6 +42,7 @@
 </template>
 
 <script setup>
+import { computed, defineProps } from 'vue';
 import { useRouter } from 'vue-router';
 import axios from '@api';
 import DeleteButton from '../button/DeleteBtn.vue';
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 474517d..e6aa5cc 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -10,7 +10,7 @@
                             :profileName="profileName"
                             :views="views"
                             :comments="comments"
-                            :date="date"
+                            :date="formattedBoardDate"
                             class="pb-6 border-bottom"
                         />
                     </div>
@@ -87,7 +87,7 @@ import BoardProfile from '@c/board/BoardProfile.vue';
 import BoardCommentList from '@/components/board/BoardCommentList.vue';
 import BoardRecommendBtn from '@/components/button/BoardRecommendBtn.vue';
 import Pagination from '@/components/pagination/Pagination.vue';
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import axios from '@api';
 
@@ -152,6 +152,12 @@ const handleUpdateReaction = async ({ type, boardId, commentId }) => {
     }
 };
 
+// 날짜
+const formattedBoardDate = computed(() => {
+    const dateObj = new Date(date.value);
+    return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}-${String(dateObj.getDate()).padStart(2, '0')} ${String(dateObj.getHours()).padStart(2, '0')}:${String(dateObj.getMinutes()).padStart(2, '0')}`;
+});
+
 // 컴포넌트 마운트 시 데이터 로드
 onMounted(() => {
     fetchBoardDetails();