👥 - fix the chore things..

Co-authored-by: gomminjae <[email protected]>

Author: femmefatalehaein

.env

@@ -1,5 +1,5 @@
 
-VITE_API_BASE_URL=http://localhost:8080
+#VITE_API_BASE_URL=http://localhost:8080
 
-#VITE_API_BASE_URL=https://back.newjeaps.com
+VITE_API_BASE_URL=https://back.newjeaps.com
 

package-lock.json

@@ -27,12 +27,14 @@
     "stompjs": "^2.3.3",
     "typed.js": "^2.1.0",
     "vue": "^3.5.12",
+    "vue-carousel": "^0.18.0",
     "vue-chartjs": "^5.3.2",
     "vue-fullpage.js": "^0.2.20",
     "vue-range-slider": "^0.6.0",
     "vue-router": "^4.4.5",
     "vue-simple-range-slider": "^1.1.0",
     "vue-typer": "^1.2.0",
+    "vue3-carousel": "^0.12.0",
     "vue3-kakao-maps": "^2.3.10"
   },
   "devDependencies": {

package.json

@@ -1,5 +1,6 @@
 <script setup>
 import { useNoticeStore } from "@/stores/notice";
+import { useUserStore } from '@/stores/userStore'; // Pinia 스토어 import
 import { onMounted } from "vue";
 import { useRoute } from "vue-router";
 
@@ -9,47 +10,44 @@ const route = useRoute();
 
 // 공지사항 ID 가져오기
 const noticeId = route.params.id;
+const userStore = useUserStore();
 
 // 컴포넌트 마운트 시 데이터 로드
-onMounted(() => {
-  noticeStore.fetchNoticeDetail(noticeId);
+onMounted(() => { async () =>{
+  await noticeStore.fetchNoticeDetail(noticeId);
+  await userStore.fetchUserInfo();
+}
 });
 </script>
-
 <template>
   <div class="bg-gray-50 min-h-screen">
+    
     <!-- 공지사항 제목 -->
     <div class="bg-white shadow-md rounded-lg p-6 max-w-4xl mx-auto mt-20">
       <h1 class="text-3xl font-bold text-gray-900 mb-4 border-b-2 border-gray-200 pb-4">
         {{ noticeStore.noticeDetail?.title }}
       </h1>
-
       <!-- 작성일 및 조회수 -->
       <div class="text-sm text-gray-500 flex justify-between items-center mb-6">
         <p>작성일: <span class="font-medium">{{ noticeStore.noticeDetail?.createdAt }}</span></p>
         <p>조회수: <span class="font-medium">{{ noticeStore.noticeDetail?.views }}</span></p>
       </div>
-
       <!-- 공지사항 내용 -->
       <div class="text-gray-800 leading-relaxed">
         <p>{{ noticeStore.noticeDetail?.content }}</p>
       </div>
-
       <!-- 뒤로가기 버튼 -->
       <div class="mt-8 text-center">
         <router-link
           to="/notice"
-          class="bg-[#5995ED] text-white px-6 py-2 rounded-lg shadow-md hover:bg-blue-600 transition duration-300"
-        >
+          class="bg-[#5995ED] text-white px-6 py-2 rounded-lg shadow-md hover:bg-blue-600 transition duration-300">
           목록으로 돌아가기
         </router-link>
       </div>
     </div>
   </div>
 </template>
-
 <style scoped>
-
 .bg-gray-50 {
   background-color: #f9fafb;
 }