Commit @6d8ea7d42745bb577c8d70c21aed187a6ea5a89e

kimgkdud898 2023-10-26

231026 김하영 중간커밋

@6d8ea7d42745bb577c8d70c21aed187a6ea5a89e

99980be

6d8ea7d

client/resources/css/common.css

--- client/resources/css/common.css

+++ client/resources/css/common.css

...	...	@@ -43,3 +43,21 @@
43	43	padding-top: 1rem;
44	44	box-shadow: 2px 2px 2px #33333300 !important;
45	45	}
	46	+
	47	+/* 버튼 */
	48	+button {
	49	+ cursor: pointer;
	50	+}
	51	+/* 페이지별 로고 공통 */
	52	+.page-logo {
	53	+ padding: 6rem 2rem 2rem 2rem;
	54	+ width: 85%;
	55	+}
	56	+
	57	+.page-logo h1 {
	58	+ font-size: 4rem;
	59	+ font-family: SBaggroM;
	60	+ font-weight: 500;
	61	+ color: #0e0077;
	62	+ /* position: relative; */
	63	+}

99980be

6d8ea7d

client/views/layout/Menu.vue

--- client/views/layout/Menu.vue

+++ client/views/layout/Menu.vue


                 },
                 {
                     text: "커뮤니티",
-                    link: "",
+                    link: "/Notice.page",
                     isHovered: false,
                     subMenu: [
-                        { text: "공지사항", link: "" },
+                        { text: "공지사항", link: "/Notice.page" },
                         { text: "홍보/뉴스", link: "" }
                     ]
                 },

99980be

6d8ea7d

client/views/pages/AppRouter.js

--- client/views/pages/AppRouter.js

+++ client/views/pages/AppRouter.js


 import { createWebHistory, createRouter } from "vue-router";
 
 import Main from "../pages/main/Main.vue";
-import Matching from "../pages/matching/Matching.vue";
+import Matching from "../pages/networking/Matching.vue";
 import Data from "../pages/Data/Data.vue";
 import Login from "../pages/login/Login.vue";
 import Join from "../pages/Join/Join.vue";
 import Introduction from "../pages/introduction/Introduction.vue";
 import Technology from "../pages/Data/Technology.vue";
+import Notice from "../pages/community/Notice.vue";
 
 const routes = [
   /* 메인화면 */

   { 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 },
 ];
 
 const AppRouter = createRouter({

99980be

6d8ea7d

client/views/pages/Data/Data.vue

--- client/views/pages/Data/Data.vue

+++ client/views/pages/Data/Data.vue

...	...	@@ -62,46 +62,55 @@
62	62	<th>NO</th>
63	63	<th>공지사항</th>
64	64	<th>날짜</th>
	65	+ <th>조회수</th>
65	66
66	67	<tr>
67	68	<td>588</td>
68	69	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
69	70	<td>2023/10/19</td>
	71	+ <td>555</td>
70	72	</tr>
71	73	<tr>
72	74	<td>588</td>
73	75	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
74	76	<td>2023/10/19</td>
	77	+ <td>555</td>
75	78	</tr>
76	79	<tr>
77	80	<td>588</td>
78	81	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
79	82	<td>2023/10/19</td>
	83	+ <td>555</td>
80	84	</tr>
81	85	<tr>
82	86	<td>588</td>
83	87	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
84	88	<td>2023/10/19</td>
	89	+ <td>555</td>
85	90	</tr>
86	91	<tr>
87	92	<td>588</td>
88	93	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
89	94	<td>2023/10/19</td>
	95	+ <td>555</td>
90	96	</tr>
91	97	<tr>
92	98	<td>588</td>
93	99	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
94	100	<td>2023/10/19</td>
	101	+ <td>555</td>
95	102	</tr>
96	103	<tr>
97	104	<td>588</td>
98	105	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
99	106	<td>2023/10/19</td>
	107	+ <td>555</td>
100	108	</tr>
101	109	<tr>
102	110	<td>588</td>
103	111	<td>[자료집] K-MOOC 마이크로러닝 강좌 개발 가이드라인</td>
104	112	<td>2023/10/19</td>
	113	+ <td>555</td>
105	114	</tr>
106	115	</table>
107	116	</div>

99980be

6d8ea7d

client/views/pages/Data/Technology.vue

--- client/views/pages/Data/Technology.vue

+++ client/views/pages/Data/Technology.vue


 <template>
     <div class="w1400">
         <div class="tech">
-            <section class="tech-logo">
+            <section class="page-logo">
                 <img src="../../../resources/jpg/tech-logo.png" alt="">
 
                 <h1>기술문서</h1>

 </script>
 
 <style scoped>
-.tech-logo {
-    padding: 6rem 2rem 2rem 2rem;
-    width: 85%;
-}
-
-.tech-logo h1 {
-    font-size: 4rem;
-    font-family: SBaggroM;
-    font-weight: 500;
-    color: #0e0077;
-    /* position: relative; */
-
-}
-
-.tech-logo img {
+.page-logo img {
     width: 10rem;
 }
 

6d8ea7d

client/views/pages/community/Notice.vue (added)

+++ client/views/pages/community/Notice.vue

...	...	@@ -0,0 +1,152 @@
	1	+<template>
	2	+ <div class="w1400">
	3	+ <div class="noti-bos">
	4	+
	5	+ <section class="page-logo">
	6	+ <h1>공지사항</h1>
	7	+ </section>
	8	+
	9	+ <section class="noti-sec">
	10	+ <div class="noti-sec-table">
	11	+ <table>
	12	+ <th>no</th>
	13	+ <th>제목</th>
	14	+ <th>작성자</th>
	15	+ <th>작성일</th>
	16	+ <th>조회수</th>
	17	+
	18	+ <tr>
	19	+ <td>1</td>
	20	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	21	+ <td>KERIS</td>
	22	+ <td>2023-09-12</td>
	23	+ <td>129</td>
	24	+ </tr>
	25	+ <tr>
	26	+ <td>1</td>
	27	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	28	+ <td>KERIS</td>
	29	+ <td>2023-09-12</td>
	30	+ <td>129</td>
	31	+ </tr>
	32	+ <tr>
	33	+ <td>1</td>
	34	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	35	+ <td>KERIS</td>
	36	+ <td>2023-09-12</td>
	37	+ <td>129</td>
	38	+ </tr>
	39	+ <tr>
	40	+ <td>1</td>
	41	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	42	+ <td>KERIS</td>
	43	+ <td>2023-09-12</td>
	44	+ <td>129</td>
	45	+ </tr>
	46	+ <tr>
	47	+ <td>1</td>
	48	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	49	+ <td>KERIS</td>
	50	+ <td>2023-09-12</td>
	51	+ <td>129</td>
	52	+ </tr>
	53	+ <tr>
	54	+ <td>1</td>
	55	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	56	+ <td>KERIS</td>
	57	+ <td>2023-09-12</td>
	58	+ <td>129</td>
	59	+ </tr>
	60	+ <tr>
	61	+ <td>1</td>
	62	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	63	+ <td>KERIS</td>
	64	+ <td>2023-09-12</td>
	65	+ <td>129</td>
	66	+ </tr>
	67	+ <tr>
	68	+ <td>1</td>
	69	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	70	+ <td>KERIS</td>
	71	+ <td>2023-09-12</td>
	72	+ <td>129</td>
	73	+ </tr>
	74	+ <tr>
	75	+ <td>1</td>
	76	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	77	+ <td>KERIS</td>
	78	+ <td>2023-09-12</td>
	79	+ <td>129</td>
	80	+ </tr>
	81	+ <tr>
	82	+ <td>1</td>
	83	+ <td>AI 디지털교과서 개발 기술지원 수요조사</td>
	84	+ <td>KERIS</td>
	85	+ <td>2023-09-12</td>
	86	+ <td>129</td>
	87	+ </tr>
	88	+ </table>
	89	+ </div>
	90	+ </section>
	91	+ </div>
	92	+ </div>
	93	+</template>
	94	+
	95	+<script>
	96	+export default {
	97	+ data() {
	98	+ return {
	99	+ }
	100	+ },
	101	+ methods: {
	102	+
	103	+ },
	104	+ watch: {
	105	+
	106	+ },
	107	+ computed: {
	108	+
	109	+ },
	110	+ mounted() {
	111	+
	112	+ }
	113	+}
	114	+</script>
	115	+
	116	+<style scoped>
	117	+.noti-bos {
	118	+ width: 100%;
	119	+}
	120	+
	121	+
	122	+
	123	+.noti-sec {
	124	+ width: 100%;
	125	+ padding: 3rem;
	126	+}
	127	+
	128	+.noti-sec-table {
	129	+ padding: 0 0 8rem 0;
	130	+}
	131	+
	132	+.noti-sec-table table {
	133	+ border-bottom: 1px solid #cccccc;
	134	+
	135	+}
	136	+
	137	+.noti-sec-table th {
	138	+ padding: 1.5rem;
	139	+ color: white;
	140	+ background-color: #007aff;
	141	+ font-size: 1.5rem;
	142	+}
	143	+
	144	+.noti-sec-table td {
	145	+ padding: 1.5rem;
	146	+ font-size: 1.5rem;
	147	+ border-bottom: 1px solid #cccccc;
	148	+ text-align: center;
	149	+}
	150	+</style>
	151	+
	152	+

99980be

6d8ea7d

client/views/pages/networking/Matching.vue (Renamed from client/views/pages/matching/Matching.vue)

--- client/views/pages/matching/Matching.vue

+++ client/views/pages/networking/Matching.vue

No changes

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,7 +1,7 @@
1	1	<template>
2	2	<div class="w1400">
3	3	<div class="tech">
4		- <section class="tech-logo">
	4	+ <section class="page-logo">
5	5	<img src="../../../resources/jpg/tech-logo.png" alt="">
6	6
7	7	<h1>기술문서</h1>
...	...	@@ -175,21 +175,7 @@
175	175	</script>
176	176
177	177	<style scoped>
178		-.tech-logo {
179		- padding: 6rem 2rem 2rem 2rem;
180		- width: 85%;
181		-}
182		-
183		-.tech-logo h1 {
184		- font-size: 4rem;
185		- font-family: SBaggroM;
186		- font-weight: 500;
187		- color: #0e0077;
188		- /* position: relative; */
189		-
190		-}
191		-
192		-.tech-logo img {
	178	+.page-logo img {
193	179	width: 10rem;
194	180	}
195	181

...	...	@@ -1,12 +1,13 @@
1	1	import { createWebHistory, createRouter } from "vue-router";
2	2
3	3	import Main from "../pages/main/Main.vue";
4		-import Matching from "../pages/matching/Matching.vue";
	4	+import Matching from "../pages/networking/Matching.vue";
5	5	import Data from "../pages/Data/Data.vue";
6	6	import Login from "../pages/login/Login.vue";
7	7	import Join from "../pages/Join/Join.vue";
8	8	import Introduction from "../pages/introduction/Introduction.vue";
9	9	import Technology from "../pages/Data/Technology.vue";
	10	+import Notice from "../pages/community/Notice.vue";
10	11
11	12	const routes = [
12	13	/* 메인화면 */
...	...	@@ -17,6 +18,7 @@
17	18	{ path: "/Join.page", name: "Join", component: Join },
18	19	{ path: "/Introduction.page", name: "Introduction", component: Introduction },
19	20	{ path: "/Technology.page", name: "Technology", component: Technology },
	21	+ { path: "/Notice.page", name: "Notice", component: Notice },
20	22	];
21	23
22	24	const AppRouter = createRouter({

Delete comment