휴가관리 수정 및 공통포맷분리

src/common/axios-interceptor.js

@@ -3,7 +3,7 @@ import { useRoute } from 'vue-router';
 import { useToastStore } from '@s/toastStore';
 
 const $api = axios.create({
-    baseURL: 'https://192.168.0.251:10325/api/',
+    baseURL: 'http://localhost:10325/api/',
     timeout: 300000,
     withCredentials: true,
 });

src/common/formattedDate.js

@@ -0,0 +1,13 @@
+/** 날짜 포맷1 (YYYY-MM-DD HH:MM) */
+export const formattedDate = (dateString) => {
+    if (!dateString) return "날짜 없음";
+    const dateObj = new Date(dateString);
+    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')}`;
+};
+
+/** 날짜 포맷2 (YYYY-MM-DD) */
+export const formatDate = (dateString) => {
+    if (!dateString) return "날짜 없음";
+    const dateObj = new Date(dateString);
+    return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}-${String(dateObj.getDate()).padStart(2, '0')}`;
+};

src/components/modal/VacationModal.vue

@@ -41,6 +41,7 @@
 
 <script setup>
 import { defineProps, defineEmits, computed } from "vue";
+import { formatDate } from '@/common/formattedDate.js';
 
 const props = defineProps({
   isOpen: Boolean,
@@ -130,14 +131,6 @@ const mergedVacations = computed(() => {
   return all;
 });
 
-/** 날짜 포맷 (YYYY-MM-DD) */
-const formatDate = (dateString) => {
-  if (!dateString) return "";
-  // 만약 dateString이 "YYYY-MM-DD" 형식이라면 그대로 반환
-  // 혹은 "YYYY-MM-DD..." 라면 앞 10자만 잘라 반환
-  return dateString.substring(0, 10);
-};
-
 
 /** 모달 닫기 */
 const closeModal = () => {

src/views/vacation/VacationManagement.vue

@@ -156,15 +156,6 @@
       if (titleEl) {
         titleEl.style.cursor = 'pointer';
         titleEl.addEventListener('click', () => {
-          // 제목 바로 아래에 데이트피커를 배치
-          const rect = titleEl.getBoundingClientRect();
-          const dpEl = calendarDatepicker.value;
-          dpEl.style.display = 'none';
-          dpEl.style.position = 'absolute';
-          dpEl.style.top = (rect.bottom + window.scrollY -120) + 'px';
-        //   dpEl.style.left = (rect.left) + 'px';
-          dpEl.style.width = '0px'; // 원하는 크기로 조정
-          dpEl.style.fontSize = '0.9em';
           fpInstance.open();
         });
       }

vite.config.js

@@ -2,7 +2,7 @@ import { fileURLToPath, URL } from 'node:url';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueDevTools from 'vite-plugin-vue-devtools';
-import mkcert from 'vite-plugin-mkcert';
+//import mkcert from 'vite-plugin-mkcert';
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -10,11 +10,11 @@ export default defineConfig({
         vue(),
         vueDevTools(),
         // 자신의 로컬 서버에 연결하려면 이부분 주석처리
-        mkcert({
+        // mkcert({
-            // SSL 키 등록
+        //     // SSL 키 등록
-            keyFile: '/localhost-key.pem',
+        //     keyFile: '/localhost-key.pem',
-            certFile: '/localhost.pem',
+        //     certFile: '/localhost.pem',
-        }),
+        // }),
     ],
     resolve: {
         alias: {