yjryu / KERIS star
kimgkdud898 2023-10-26
231026김하영
@eca42f37a4c104e9290134c47afa580a967e7415
client/resources/css/common.css
--- client/resources/css/common.css
+++ client/resources/css/common.css
@@ -43,3 +43,21 @@
   padding-top: 1rem;
   box-shadow: 2px 2px 2px #33333300 !important;
 }
+
+/* 버튼 */
+button {
+  cursor: pointer;
+}
+/* 페이지별 로고 공통 */
+.page-logo {
+  padding: 6rem 2rem 2rem 2rem;
+  width: 85%;
+}
+
+.page-logo h1 {
+  font-size: 4rem;
+  font-family: SBaggroM;
+  font-weight: 500;
+  color: #0e0077;
+  /* position: relative; */
+}
 
client/resources/jpg/info-logo.png (Binary) (added)
+++ client/resources/jpg/info-logo.png
Binary file is not shown
client/views/layout/Menu.vue
--- client/views/layout/Menu.vue
+++ client/views/layout/Menu.vue
@@ -68,6 +68,7 @@
                     isHovered: false,
                     subMenu: [
                         { text: "기술문서", link: "/Technology.page" },
+                        { text: "AI 디지털교과서개발 가이드라인", link: "/Technology.page" },
                         { text: "자료집", link: "/Data.page" }
                     ]
                 },
@@ -81,19 +82,20 @@
                 },
                 {
                     text: "커뮤니티",
-                    link: "",
+                    link: "/Notice.page",
                     isHovered: false,
                     subMenu: [
-                        { text: "공지사항", link: "" },
-                        { text: "홍보/뉴스", link: "" }
+                        { text: "공지사항", link: "/Notice.page" },
+                        { text: "홍보/뉴스", link: "" },
+                        { text: "WG 커뮤니티", link: "" }
                     ]
                 },
                 {
                     text: "마이페이지",
-                    link: "",
+                    link: "/Info.page",
                     isHovered: false,
                     subMenu: [
-                        { text: "내 정보 수정", link: "" },
+                        { text: "내 정보 수정", link: "/Info.page" },
                         { text: "매칭 관리", link: "" }
                     ]
                 }
client/views/pages/AppRouter.js
--- client/views/pages/AppRouter.js
+++ client/views/pages/AppRouter.js
@@ -1,16 +1,18 @@
 import { createWebHistory, createRouter } from "vue-router";
 
 import Main from "../pages/user/main/Main.vue";
-import Matching from "../pages/user/matching/Matching.vue";
+import Matching from "../pages/user/networking/Matching.vue";
 import Data from "../pages/user/Data/Data.vue";
 import Login from "../pages/user/login/Login.vue";
 import Join from "../pages/user/Join/Join.vue";
 import Introduction from "../pages/user/introduction/Introduction.vue";
 import Technology from "../pages/user/Data/Technology.vue";
+import Notice from "../pages/user/community/Notice.vue";
+import Info from "../pages/user/mypage/Info.vue";
 
-  /* 관리자 */
-  import AdminMain from "../pages/admin/main/Main.vue";
-  import AdminUser from "../pages/admin/user/UserSelectList.vue";
+/* 관리자 */
+import AdminMain from "../pages/admin/main/Main.vue";
+import AdminUser from "../pages/admin/user/UserSelectList.vue";
 
 const routes = [
   /* 메인화면 */
@@ -21,6 +23,8 @@
   { path: "/Join.page", name: "Join", component: Join },
   { path: "/Introduction.page", name: "Introduction", component: Introduction },
   { path: "/Technology.page", name: "Technology", component: Technology },
+  { path: "/Notice.page", name: "Notice", component: Notice },
+  { path: "/Info.page", name: "Info", component: Info },
   /* 관리자 */
   { path: "/adm.page", name: "AdminMain", component: AdminMain },
   { path: "/adm/user.page", name: "AdminUser", component: AdminUser },
client/views/pages/user/Data/Technology.vue
--- client/views/pages/user/Data/Technology.vue
+++ client/views/pages/user/Data/Technology.vue
@@ -211,7 +211,7 @@
 .tech-box-sec {
     padding: 2rem;
     /* border-radius: 2rem; */
-    background-color: #fafafa;
+    background-color: #ffff;
     box-shadow: 2px 2px 5px rgba(191, 191, 191, 0.447);
     /* border: 1px solid rgb(191, 191, 191); */
 }
 
client/views/pages/user/community/Notice.vue (added)
+++ client/views/pages/user/community/Notice.vue
@@ -0,0 +1,167 @@
+<template>
+    <div class="w1400">
+        <div class="noti-bos">
+
+            <section class="page-logo">
+                <h1>공지사항</h1>
+            </section>
+
+            <div class="data-select">
+
+
+                <select name="data-table-sild" id="data-table-sild">
+                    <option value="전체" selected>전체</option>
+                    <option value="기본순">기본순</option>
+                    <option value="업로드순" disabled>업로드순</option>
+                    <option value="조회순">조회순</option>
+                </select>
+                <div class="input-group">
+                    <input type="text" class="input" onfocus="this.value=''; return true;" value="검색어를 입력해주세요.">
+                    <input class="button--submit" value="검색" type="submit">
+                </div>
+            </div>
+
+            <section class="noti-sec">
+                <div class="noti-sec-table">
+                    <table>
+                        <th>no</th>
+                        <th>제목</th>
+                        <th>작성자</th>
+                        <th>작성일</th>
+                        <th>조회수</th>
+
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>AI 디지털교과서 개발 기술지원 수요조사</td>
+                            <td>KERIS</td>
+                            <td>2023-09-12</td>
+                            <td>129</td>
+                        </tr>
+                    </table>
+                </div>
+            </section>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+        }
+    },
+    methods: {
+
+    },
+    watch: {
+
+    },
+    computed: {
+
+    },
+    mounted() {
+
+    }
+}
+</script>
+
+<style scoped>
+.noti-bos {
+    width: 100%;
+}
+
+
+
+.noti-sec {
+    width: 100%;
+    padding: 3rem;
+}
+
+.noti-sec-table {
+    /* padding: 0 0 8rem 0; */
+}
+
+.noti-sec-table table {
+    border-bottom: 1px solid #cccccc;
+
+}
+
+.noti-sec-table th {
+    padding: 1.5rem;
+    color: white;
+    background-color: #007aff;
+    font-size: 1.5rem;
+}
+
+.noti-sec-table td {
+    padding: 1.5rem;
+    font-size: 1.5rem;
+    border-bottom: 1px solid #cccccc;
+    text-align: center;
+}
+</style>
+
+
 
client/views/pages/user/mypage/Info.vue (added)
+++ client/views/pages/user/mypage/Info.vue
@@ -0,0 +1,39 @@
+<template>
+    <div class="w1400">
+        <div class="info-bos">
+            <section class="info-logo">
+                <img src="../../../../resources/jpg/info-logo.png" alt="">
+
+                <h1>기본 회원정보</h1>
+            </section>
+
+
+            <div class="info-sec">
+                <section></section>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+        }
+    },
+    methods: {
+
+    },
+    watch: {
+
+    },
+    computed: {
+
+    },
+    mounted() {
+        console.log('Login mounted');
+    }
+}
+</script>
+
+
client/views/pages/user/networking/Matching.vue (Renamed from client/views/pages/user/matching/Matching.vue)
--- client/views/pages/user/matching/Matching.vue
+++ client/views/pages/user/networking/Matching.vue
No changes
Add a comment
List