('all');
+
+ return
+{/* header */}
+
+
+{/* toggle */}
+
+
+{/* select button */}
+
+
+{/* seminar list */}
+
+
;
};
export default SeminarPage;
diff --git a/src/app/solutionChallenge/page.tsx b/src/app/solutionChallenge/page.tsx
new file mode 100644
index 0000000..78d3c61
--- /dev/null
+++ b/src/app/solutionChallenge/page.tsx
@@ -0,0 +1,29 @@
+import ProjectList from '@/components/project/list/ProjectList';
+import SolutionChallengeHeader from '@/components/sollutionChallenge/header/SolutionChallengeHeader';
+import SolutionChallengeTab from '@/components/sollutionChallenge/tab/SolutionChallengeTab';
+import React from 'react';
+
+export const metadata = {
+ title: 'SolutionChallenge',
+};
+
+const SolutionChallengePage = () => {
+ return (
+
+ {/* -----------------------------------------------*/}
+ {/* -------------------- 배너 ----------------------*/}
+ {/* -----------------------------------------------*/}
+
+ {/* -----------------------------------------------*/}
+ {/* -------------------- 상단 탭 --------------------*/}
+ {/* -----------------------------------------------*/}
+
+ {/* -----------------------------------------------*/}
+ {/* ------------------ 프로젝트 리스트 ----------------*/}
+ {/* -----------------------------------------------*/}
+
+
+ );
+};
+
+export default SolutionChallengePage;
diff --git a/src/components/project/card/ProjectCard.tsx b/src/components/project/card/ProjectCard.tsx
new file mode 100644
index 0000000..5f0676d
--- /dev/null
+++ b/src/components/project/card/ProjectCard.tsx
@@ -0,0 +1,42 @@
+import ProjectImg from '@/images/project_img.png';
+import Link from 'next/link';
+
+/**
+ * @description
+ * 프로젝트 페이지 프로젝트 카드 컴포넌트
+ * @component ProjectCard
+ * @returns {JSX.Element} ProjectCard
+ * @since 2024.04.16
+ */
+/**
+ * Renders the card component for the project section.
+ * @returns The rendered card component.
+ */
+
+const ProjectCard = () => {
+ return (
+
+
+
+
+
제목
+
+ 서비스 소개! 두줄까지 적어주세요.
+
+
+ 특이 사항
+
+
CONG(콩) : 축하 아카이빙 서비스
CONG은 왜
+ 필요할까?
{' '}
+
+
+ );
+};
+
+export default ProjectContent;
diff --git a/src/components/project/content/ProjectMember.tsx b/src/components/project/content/ProjectMember.tsx
new file mode 100644
index 0000000..5643d6b
--- /dev/null
+++ b/src/components/project/content/ProjectMember.tsx
@@ -0,0 +1,36 @@
+import ProfileImg from '@/images/project_img.png';
+
+/**
+ * @description
+ * 프로젝트 상세 페이지 프로젝트 멤버 컴포넌트
+ * @component ProjectMember
+ * @returns {JSX.Element} ProjectMember
+ * @since 2024.04.18
+ */
+/**
+ * Renders the project Member component for the project section.
+ * @returns The rendered project Member component.
+ */
+
+import Image from 'next/image';
+
+const ProjectMember = () => {
+ return (
+
+ );
+};
+
+export default ProjectMember;
diff --git a/src/components/project/header/ProjectHeader.tsx b/src/components/project/header/ProjectHeader.tsx
new file mode 100644
index 0000000..e516a85
--- /dev/null
+++ b/src/components/project/header/ProjectHeader.tsx
@@ -0,0 +1,23 @@
+/**
+ * @description
+ * 프로젝트 페이지 헤더 컴포넌트
+ * @component ProjectHeader
+ * @returns {JSX.Element} ProjectHeader
+ * @since 2024.04.16
+ */
+/**
+ * Renders the header component for the project section.
+ * @returns The rendered header component.
+ */
+
+const ProjectHeader = () => {
+ return (
+
+ Project
+ GDSC DGU의 프로젝트
+
+
+ );
+};
+
+export default ProjectHeader;
diff --git a/src/components/project/introduction/ProjectIntroduction.tsx b/src/components/project/introduction/ProjectIntroduction.tsx
new file mode 100644
index 0000000..3b7997e
--- /dev/null
+++ b/src/components/project/introduction/ProjectIntroduction.tsx
@@ -0,0 +1,56 @@
+import GithubIcon from '@/svg/icons/project/githubIcon.svg';
+import YoutubeIcon from '@/svg/icons/project/youtubeIcon.svg';
+import FileIcon from '@/svg/icons/project/fileIcon.svg';
+import ProjectImg from '@/images/project_img.png';
+import Image from 'next/image';
+
+/**
+ * @description
+ * 프로젝트 상세 페이지 프로젝트 소개 컴포넌트
+ * @component ProjectIntroduction
+ * @returns {JSX.Element} ProjectIntroduction
+ * @since 2024.04.16
+ */
+/**
+ * Renders the prject introduction component for the project section.
+ * @returns The rendered project introduction component.
+ */
+
+const ProjectIntroduction = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
서비스명
+
+ 서비스의 캐치프라이즈, 컨셉을 잘 나타낼 수 있는 말을 간결하게
+ 적고자합니다.
+
+
+
+ 서비스가 어디서 시작됐는지, 서비스의 띠지
+
+
추가적인 성과
+
+
+ Seminar
+
+
+ 여러분과 함께 나누고싶은 이야기
+
+
+
+
+ {SEMINAR_CATEGORYS.map((category) => (
+
+ ))}
+
+ );
+};
+
+ export default SeminarMenuBar;
+
\ No newline at end of file
diff --git a/src/components/seminar/seminarDetail/banner/SeminarDetailBanner.tsx b/src/components/seminar/seminarDetail/banner/SeminarDetailBanner.tsx
new file mode 100644
index 0000000..874f5ae
--- /dev/null
+++ b/src/components/seminar/seminarDetail/banner/SeminarDetailBanner.tsx
@@ -0,0 +1,68 @@
+import React from 'react';
+import { SeminarThumnail } from '@/interfaces/seminar/seminarThumbnail';
+import SeminarDetailBannerThumbnail from './SeminarDetailBannerThumbnail';
+
+
+/**
+ * @description
+ * 세미나 상세 페이지 배너 컴포넌트
+ * @component SeminarDetailBanner
+ * @returns {JSX.Element} SeminarDetailBanner
+ * @since 2024.04.18
+ */
+/**
+ * Renders the header component for the recruitment section.
+ * @returns The rendered header component.
+ */
+const SeminarDetailBanner = ({ data }: { data: SeminarThumnail }) => {
+ return (
+
+ {/* 왼쪽 컨텐츠 */}
+
+ {/* 오른쪽 컨텐츠 */}
+
+
+
+
+ {data.presenter}
+
+
+ {data.flag}st {data.role}
+
+
+
+
+
+
+ Date
+
+
+ {data.date}
+
+
+ Location
+
+
+ {data.location}
+
+
+ Speaker
+
+
+ {data.presenter}
+
+
+
+
+
+
GDSC DGU {data.flag}st
+
{data.type}
+
{data.date}
+
+
{data.title}
+
{data.description}
+
+
+
+ {categoryData.map((category, index) => (
+
+ ))}
+
+
+ {data.title}
+
+
+ {data.description}
+
+
+
+ Review
+
+
+ {SEMINAR_REVIEW.map((review) => (
+
+ ))}
+
+ {/* 왼쪽 컨텐츠 */}
+
+
+
GDSC DGU {data.flag}st
+
{data.type}
+
{data.date}
+
+
{data.title}
+
{data.description}
+
+ {/* 오른쪽 컨텐츠 */}
+
+
+ {data.topic}
+
+
+
+
+ {data.presenter}
+
+
+ {data.flag}st {data.role}
+
+
+
+
+
+ {/* 썸네일 레스트 */}
+
+ {currentItems.map((seminar) => (
+
+
+
+ ))}
+
+ {/* 페이지네이션 버튼 */}
+
+ {pageNumbers.map(number => (
+
+ ))}
+
+
+
+
+
+
+ {isMenuVisible && (
+
+ {OPEN_SEMINAR_DATA.map((openSeminar) => (
+
+ ))}
+
+ )}
+
+
+
+
+
{data.opening_date}{" "}{data.type}
+
{data.seminar_date}
+
+
+ {data.status === false ? "종료" : "진행중"}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2024 Solution Challenge 에서 GDSC DGU의 2팀이 TOP100에 진출했습니다.
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default SolutionChallengeTab;
diff --git a/src/constants/seminar/openSeminarData.ts b/src/constants/seminar/openSeminarData.ts
new file mode 100644
index 0000000..b3c10a3
--- /dev/null
+++ b/src/constants/seminar/openSeminarData.ts
@@ -0,0 +1,26 @@
+import SeoHuiChan from '@/images/seminar/presenter/seohuichan.png';
+import { OpenSeminar } from '@/interfaces/seminar/openSeminar';
+
+export const OPEN_SEMINAR_DATA: OpenSeminar[] = [
+ {
+ id: 1,
+ flag: 1,
+ type: 'Open Seminar',
+ topic: 'DevTalk',
+ opening_date: '2023/5',
+ seminar_date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: `
+ 휴, 하마터면
+ 의사 될 뻔...
+ `,
+ description: `
+ 의사를 목표로 공부를 하다가,
+ 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들
+ `,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ status: false
+ },
+]
\ No newline at end of file
diff --git a/src/constants/seminar/seminarCategory.ts b/src/constants/seminar/seminarCategory.ts
new file mode 100644
index 0000000..7f7305b
--- /dev/null
+++ b/src/constants/seminar/seminarCategory.ts
@@ -0,0 +1,9 @@
+import { SeminarCategory } from "@/interfaces/seminar/seminarCategory";
+
+export const SEMINAR_CATEGORYS: SeminarCategory[] = [
+ { label: 'ALL', value: 'all' },
+ { label: 'DevTalk', value: 'DevTalk' },
+ { label: 'Web/App', value: 'Web/App' },
+ { label: 'Server/Cloud', value: 'Server/Cloud' },
+ { label: 'AI/ML', value: 'AI/ML' },
+ ];
\ No newline at end of file
diff --git a/src/constants/seminar/seminarData.ts b/src/constants/seminar/seminarData.ts
new file mode 100644
index 0000000..38f4c31
--- /dev/null
+++ b/src/constants/seminar/seminarData.ts
@@ -0,0 +1,193 @@
+import SeoHuiChan from '@/images/seminar/presenter/seohuichan.png';
+import { SeminarThumnail } from '@/interfaces/seminar/seminarThumbnail';
+
+export const SEMINAR_DATA: SeminarThumnail[] = [
+ {
+ id: 1,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: `
+ 휴, 하마터면
+ 의사 될 뻔...
+ `,
+ description: `
+ 의사를 목표로 공부를 하다가,
+ 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들
+ `,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 2,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 3,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 4,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 5,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 6,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 7,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 8,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 9,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 10,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 11,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 12,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 13,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+ {
+ id: 14,
+ flag: 1,
+ type: 'Camping Seminar',
+ topic: 'DevTalk',
+ date: '2023.09.22 (FRI) 19:30',
+ location: '동국대학교 원흥관 PBL',
+ title: '휴, 하마터면\n의사 될 뻔...',
+ description: `의사를 목표로 공부를 하다가, 프로그래밍을 시작한 과정들을 토대로 개발 공부를 하며 깨달은 것들`,
+ presenter: '서희찬',
+ role: 'Lead',
+ profile_image_url: SeoHuiChan.src,
+ },
+]
\ No newline at end of file
diff --git a/src/constants/seminar/seminarReviewData.ts b/src/constants/seminar/seminarReviewData.ts
new file mode 100644
index 0000000..c2d0397
--- /dev/null
+++ b/src/constants/seminar/seminarReviewData.ts
@@ -0,0 +1,59 @@
+import { SeminarReview } from "@/interfaces/seminar/seminarReview";
+
+export const SEMINAR_REVIEW: SeminarReview[] = [
+ {
+ id: 1,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 2,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 3,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 4,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 5,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 6,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 7,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 8,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 9,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 10,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ {
+ id: 11,
+ author: '사람 이름',
+ content: '리뷰 내용~ \n 리뷰 내용~'
+ },
+ ];
\ No newline at end of file
diff --git a/src/interfaces/seminar/openSeminar.ts b/src/interfaces/seminar/openSeminar.ts
new file mode 100644
index 0000000..e619caa
--- /dev/null
+++ b/src/interfaces/seminar/openSeminar.ts
@@ -0,0 +1,16 @@
+export interface OpenSeminar {
+ id: number;
+ flag: number;
+ type: string;
+ topic: string;
+ opening_date: string;
+ seminar_date: string;
+ location: string;
+ title: string;
+ description: string;
+ presenter: string;
+ role: string;
+ profile_image_url: string;
+ status: boolean;
+}
+
\ No newline at end of file
diff --git a/src/interfaces/seminar/seminarCategory.ts b/src/interfaces/seminar/seminarCategory.ts
new file mode 100644
index 0000000..b595693
--- /dev/null
+++ b/src/interfaces/seminar/seminarCategory.ts
@@ -0,0 +1,5 @@
+export interface SeminarCategory {
+ label: string;
+ value: string;
+}
+
\ No newline at end of file
diff --git a/src/interfaces/seminar/seminarReview.ts b/src/interfaces/seminar/seminarReview.ts
new file mode 100644
index 0000000..191cc5f
--- /dev/null
+++ b/src/interfaces/seminar/seminarReview.ts
@@ -0,0 +1,6 @@
+export interface SeminarReview {
+ id: number;
+ author: string;
+ content: string;
+}
+
\ No newline at end of file
diff --git a/src/interfaces/seminar/seminarThumbnail.ts b/src/interfaces/seminar/seminarThumbnail.ts
new file mode 100644
index 0000000..7160158
--- /dev/null
+++ b/src/interfaces/seminar/seminarThumbnail.ts
@@ -0,0 +1,14 @@
+export interface SeminarThumnail {
+ id: number;
+ flag: number;
+ type: string;
+ topic: string;
+ date: string;
+ location: string;
+ title: string;
+ description: string;
+ presenter: string;
+ role: string;
+ profile_image_url: string;
+}
+
\ No newline at end of file