날짜 수정 완료

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';

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();