Merge pull request #184 from beyond-sw-camp/frontend/feature/board/qa

[Feat] BOARD_001,002,003 QA 보드 리스트, 회의 상세 조회, 회의 생성 페이지 [#65, #66, #67]

frontend/src/common/component/PaginationComponent.vue

@@ -0,0 +1,47 @@
+<script setup>
+import { defineProps } from 'vue';
+defineProps({
+  currentPage: Number,
+  totalPages: Number,
+});
+</script>
+
+<template>
+  <div class="pagination">
+    <button @click="$emit('prev-page')" :disabled="currentPage === 1">
+      &lt;
+    </button>
+    <button
+        v-for="page in totalPages"
+        :key="page"
+        @click="$emit('go-to-page', page)"
+        :class="{ active: page === currentPage }"
+    >
+      {{ page }}
+    </button>
+    <button @click="$emit('next-page')" :disabled="currentPage === totalPages">
+      &gt;
+    </button>
+  </div>
+</template>
+
+<style scoped>
+.pagination {
+  display: flex;
+  justify-content: center;
+  margin: 20px 0;
+}
+
+.pagination button {
+  background: none;
+  border: 1px solid #ddd;
+  padding: 5px 10px;
+  margin: 0 5px;
+  cursor: pointer;
+}
+
+.pagination button.active {
+  background-color: #007bff;
+  color: white;
+}
+</style>

frontend/src/common/component/SearchComponent.vue

@@ -36,7 +36,7 @@ defineProps({
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 20px;
+  padding: 30px;
   background-color: #fff;
   border-radius: 8px;
   //box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);

frontend/src/layouts/component/Modal/NotificationModal 2.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { useNotificationStore } from '@/store/socket/useNotifyStore';
+
+const notificationStore = useNotificationStore();
+</script>
+
+<template>
+  <div>
+    <div v-for="notification in notificationStore.notifications" :key="notification.id">
+      {{ notification.message }}
+    </div>
+  </div>
+</template>
+
+<style scoped>
+  div {
+    position: fixed;
+    top: 0;
+    right: 0;
+    background-color: white;
+    border: 1px solid black;
+    padding: 10px;
+  }
+</style>