COPYRIGHT Ⓒ 2024 LIKELION KANGWON NATIONAL UNIV. ALL RIGHTS RESERVED.
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 21ce842..bbc57c0 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -16,7 +16,7 @@ import Header from "../Header";
import { Footer } from "../Footer";
import ScrollToTop from "./scrollContol";
-// TODO: 모든 페이지에 공통으로 들어가는 레이아웃을 작성합니다. 필요 없으면 삭제해주세요
+// 모든 페이지에 공통으로 들어가는 레이아웃을 작성합니다.
export default function Layout() {
return (
diff --git a/src/components/SiteInfo/.css.ts b/src/components/SiteInfo/.css.ts
new file mode 100644
index 0000000..88fda84
--- /dev/null
+++ b/src/components/SiteInfo/.css.ts
@@ -0,0 +1,146 @@
+/**
+ * @license
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * All contributors who participated in development before September 26, 2024, retain full copyright over their contributions.
+ * These contributors are granted the right, under a Contributor License Agreement (CLA), to use, modify, and distribute their contributions
+ * under additional or alternative licensing terms of their choosing, while the project as a whole remains licensed under the MPL 2.0.
+ *
+ * Any contributions made after September 26, 2024, are subject to the terms of the MPL 2.0 and are licensed accordingly.
+ */
+
+import { style } from "@vanilla-extract/css";
+
+// 공통 스타일: 글꼴, 색상, 기본 박스 쉐도우 등을 재사용할 수 있도록 변수화
+const commonColors = {
+ primary: "#0781CD",
+ secondary: "#029FD7",
+ accent: "#04D1C3",
+ background: "#F0F8FF",
+ white: "#FFFFFF",
+ shadow: "rgba(7, 129, 205, 0.1)",
+ hoverShadow: "rgba(7, 129, 205, 0.15)",
+};
+
+const fontStyles = {
+ headingFont: "pyeongChangBold, sans-serif",
+ subHeadingFont: "pyeongChangLight, sans-serif",
+ bodyFont: "pretendard, sans-serif",
+};
+
+export const container = style({
+ maxWidth: "1000px",
+ margin: "0 auto",
+ padding: "2rem",
+ backgroundColor: "rgba(255,255,255,0.32)",
+ color: commonColors.primary,
+ fontFamily: fontStyles.bodyFont,
+ boxShadow: `0 4px 6px ${commonColors.shadow}`,
+ borderRadius: "8px",
+});
+
+export const heading = style({
+ fontSize: "2.5rem",
+ color: commonColors.secondary,
+ marginBottom: "1.5rem",
+ fontFamily: fontStyles.headingFont,
+ textAlign: "center",
+ position: "relative",
+ ":after": {
+ content: '""',
+ display: "block",
+ width: "50px",
+ height: "3px",
+ backgroundColor: commonColors.accent,
+ margin: "0.5rem auto",
+ },
+});
+
+export const section = style({
+ marginBottom: "2rem",
+ background: commonColors.background,
+ padding: "1.5rem",
+ borderRadius: "6px",
+ transition: "transform 0.3s ease",
+ ":hover": {
+ transform: "translateY(-5px)",
+ },
+});
+
+export const subHeading = style({
+ fontSize: "1.8rem",
+ color: commonColors.primary,
+ marginBottom: "1rem",
+ fontFamily: fontStyles.subHeadingFont,
+ borderBottom: `2px solid ${commonColors.accent}`,
+ paddingBottom: "0.5rem",
+});
+
+export const list = style({
+ listStyleType: "none",
+ padding: 0,
+ display: "grid",
+ gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+ gap: "1.5rem",
+});
+
+export const listItem = style({
+ backgroundColor: commonColors.white,
+ padding: "1rem",
+ borderRadius: "6px",
+ boxShadow: `0 2px 4px ${commonColors.shadow}`,
+ transition: "box-shadow 0.3s ease",
+ ":hover": {
+ boxShadow: `0 4px 8px ${commonColors.hoverShadow}`,
+ },
+});
+
+export const personName = style({
+ fontWeight: "bold",
+ color: commonColors.secondary,
+ fontSize: "1.2rem",
+ marginBottom: "0.5rem",
+});
+
+// contactInfo 스타일 추가
+export const contactInfo = style({
+ display: "flex",
+ flexWrap: "wrap",
+ gap: "0.5rem",
+ fontSize: "0.875rem",
+ marginBottom: "0.5rem",
+});
+
+// responsibilities 스타일 추가
+export const responsibilities = style({
+ marginTop: "0.75rem",
+ paddingLeft: "1rem",
+ color: commonColors.primary,
+ fontSize: "0.9rem",
+});
+
+export const link = style({
+ color: "transparent",
+ backgroundImage: `linear-gradient(90deg, ${commonColors.primary}, #00CFFD, ${commonColors.secondary}, #00274D)`,
+ backgroundClip: "text",
+ WebkitBackgroundClip: "text",
+ textDecoration: "none",
+ padding: "0.25rem 0.5rem",
+ borderRadius: "4px",
+ transition: "background-color 0.3s ease",
+ ":hover": {
+ backgroundColor: commonColors.secondary,
+ },
+});
+
+export const responsibilityItem = style({
+ marginBottom: "0.25rem",
+ position: "relative",
+ ":before": {
+ content: '"•"',
+ position: "absolute",
+ left: "-1rem",
+ color: commonColors.accent,
+ },
+});
diff --git a/src/components/SiteInfo/Info.ts b/src/components/SiteInfo/Info.ts
new file mode 100644
index 0000000..0882b6e
--- /dev/null
+++ b/src/components/SiteInfo/Info.ts
@@ -0,0 +1,90 @@
+/**
+ * @license
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * All contributors who participated in development before September 26, 2024, retain full copyright over their contributions.
+ * These contributors are granted the right, under a Contributor License Agreement (CLA), to use, modify, and distribute their contributions
+ * under additional or alternative licensing terms of their choosing, while the project as a whole remains licensed under the MPL 2.0.
+ *
+ * Any contributions made after September 26, 2024, are subject to the terms of the MPL 2.0 and are licensed accordingly.
+ */
+
+import { siteDataProps } from "../../shared/types/stieInfoTypes.ts";
+
+export const siteData: siteDataProps = {
+ creators: {
+ label: "제작자",
+ manager: {
+ label: "담당자",
+ people: [
+ {
+ name: "홍지환",
+ email: "flareseek@gmail.com",
+ github: "https://github.com/flareseek",
+ responsibilities: [
+ "PR / CI / CD / 어드민 페이지",
+ "폰트 최적화(PyeongChangPeace)",
+ "및 타임테이블 유지 보수",
+ ],
+ },
+ ],
+ },
+ developers: {
+ label: "개발진",
+ people: [
+ {
+ name: "조준환",
+ email: "jjh4450git@gmail.com",
+ github: "https://jeje.work/github",
+ website: "https://blog.jeje.work",
+ responsibilities: [
+ "페이지: 메인 / 타임 테이블",
+ "요소: 헤더 /푸터",
+ "최적화: 이미지 / 메타태그 / 번들링 / 라우팅 / 폰트(pretendard)",
+ ],
+ },
+ {
+ name: "정다연",
+ email: "glue0440@gmail.com",
+ github: "https://github.com/dandamdandam",
+ responsibilities: [
+ "페이지: 부스 & 푸드 트럭 / 지도 세부 목록",
+ "요소: 레이어 및 라우터 구성",
+ ],
+ },
+ {
+ name: "김재연",
+ email: "hyeseonchoi0512@gmail.com",
+ github: "https://github.com/Kim-jaeyeon",
+ responsibilities: ["페이지: 공지사항 / QnA / 아티스트 / maker's 페이지 제작"],
+ },
+ {
+ name: "이진호",
+ email: "ych0486666@gmail.com",
+ github: "https://github.com/treasure-sky",
+ responsibilities: ["공지사항 백엔드 서버 구축 및 연동"],
+ },
+ ],
+ },
+ designers: {
+ label: "디자인",
+ people: [
+ {
+ name: "하나",
+ email: "farhanahaslan@gmail.com",
+ },
+ {
+ name: "이예지",
+ email: "ydw082504211@gmail.com",
+ },
+ {
+ name: "최혜선",
+ email: "jy020507@kangwon.ac.kr",
+ github: "https://github.com/hyeseon-cpu",
+ responsibilities: ["타임테이블 UI 요소 개선"],
+ },
+ ],
+ },
+ },
+};
diff --git a/src/components/SiteInfo/index.tsx b/src/components/SiteInfo/index.tsx
new file mode 100644
index 0000000..570f789
--- /dev/null
+++ b/src/components/SiteInfo/index.tsx
@@ -0,0 +1,79 @@
+/**
+ * @license
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * All contributors who participated in development before September 26, 2024, retain full copyright over their contributions.
+ * These contributors are granted the right, under a Contributor License Agreement (CLA), to use, modify, and distribute their contributions
+ * under additional or alternative licensing terms of their choosing, while the project as a whole remains licensed under the MPL 2.0.
+ *
+ * Any contributions made after September 26, 2024, are subject to the terms of the MPL 2.0 and are licensed accordingly.
+ */
+
+import {
+ container,
+ heading,
+ subHeading,
+ section,
+ list,
+ listItem,
+ personName,
+ contactInfo,
+ responsibilities,
+ link,
+ responsibilityItem,
+} from "./.css.ts";
+import { siteData } from "./Info";
+import { personProps, categoryProps } from "../../shared/types/stieInfoTypes";
+
+export default function SiteInfo() {
+ return (
+
+
Site Information
+
+
{siteData.creators.label}
+
+ {(Object.entries(siteData.creators) as [string, categoryProps][]).map(([key, value]) => {
+ if (key === "label") return null;
+ return (
+
+ {value.label}
+
+ {value.people.map((person: personProps, index) => (
+ -
+ {person.name}
+
+ {person.responsibilities && (
+
+ {person.responsibilities.map((resp, idx) => (
+ -
+ {resp}
+
+ ))}
+
+ )}
+
+ ))}
+
+
+ );
+ })}
+
+ );
+}
diff --git a/src/pages/Notice/index.tsx b/src/pages/Notice/index.tsx
index d446835..56b710c 100644
--- a/src/pages/Notice/index.tsx
+++ b/src/pages/Notice/index.tsx
@@ -28,9 +28,9 @@ import {
activePageButton,
emptyListAlert,
} from "./notice.css.ts"; // 스타일 가져오기
-import { getNoticeList } from "../../shared/firebase/noticeService"; // Firebase에서 getNoticeList 가져오기
import { NoticeDto } from "../../shared/types/notice"; // NoticeDto 타입 정의
import { Loading } from "../../components/Loading/index.tsx";
+import { noticeData } from "../../shared/firebase/mockData.ts";
function Notice() {
const [notices, setNotices] = useState
([]); // 공지사항 목록 상태
@@ -43,7 +43,7 @@ function Notice() {
// Firebase에서 공지사항 데이터를 가져오는 함수
const fetchNotices = async () => {
try {
- const noticeList = await getNoticeList(); // Firebase에서 데이터 가져오기
+ const noticeList = noticeData; // Firebase에서 데이터 가져오기(chage to mock data 2024.09.28)
setNotices(noticeList); // 데이터를 상태에 저장
setLoading(false); // 로딩 완료
} catch (error) {
@@ -142,8 +142,11 @@ function Notice() {
{expandedNoticeId === noticeItem.id && (
+ //@build-time-remove: dangerouslySetInnerHTML={{ __html: noticeItem.contents }} // HTML로 렌더링
+ //@build-time-remove: (off and change to text after 2024.09.28 for security by jjh4450git@gmail.com)
+ >
+ {noticeItem.contents}
+