+
{projects.meetup_list.map((project) => (
{storiesData.totalPages > 0 && (
-
+
)}
diff --git a/src/components/shared/Footer.tsx b/src/components/shared/Footer.tsx
index ee3dee94..dbdb294e 100644
--- a/src/components/shared/Footer.tsx
+++ b/src/components/shared/Footer.tsx
@@ -1,5 +1,5 @@
+import { Footer as FooterUI } from "@kusitms.com/ui";
import Image from "next/image";
-import Link from "next/link";
import { IconLink } from "./LinkCircle";
import TopScrollButton from "./TopScrollButton";
@@ -36,42 +36,27 @@ const SNSGROUPS = [
];
export const Footer = () => {
+ const logo = (
+
+ );
+
+ const contactIcons = SNSGROUPS.map((social) => (
+
+ ));
+
return (
-
+
}
+ />
);
};
diff --git a/src/components/shared/Header.tsx b/src/components/shared/Header.tsx
index 1ad21d77..ca5e00fc 100644
--- a/src/components/shared/Header.tsx
+++ b/src/components/shared/Header.tsx
@@ -1,29 +1,71 @@
"use client";
+import { HeaderNavigation, Header as HeaderUI } from "@kusitms.com/ui";
import Image from "next/image";
import Link from "next/link";
-import MobilePageNav from "./MobilePageNav";
-import { PageNav } from "./PageNav";
+import { usePathname } from "next/navigation";
+
+const navLinks = [
+ { href: "/", label: "학회소개", matchPath: "/" },
+ { href: "/projects/meetup", label: "프로젝트", matchPath: "/projects" },
+ { href: "/reviews/activity", label: "후기", matchPath: "/reviews" },
+ { href: "/archive", label: "33기 아카이브", matchPath: "/archive" },
+ { href: "/recruit", label: "리크루팅", matchPath: "/recruit" },
+];
export const Header = () => {
+ const pathname = usePathname();
+ const currentPath = pathname ?? "";
+
+ const logo = (
+
+
+
+
+
+ );
+
return (
-
+
+ }
+ closeIcon={
+
+ }
+ >
+ {navLinks.map(({ href, label, matchPath }) => {
+ const isActive =
+ matchPath === "/" ? currentPath === matchPath : currentPath.startsWith(matchPath);
+
+ return (
+
+ {label}
+
+ );
+ })}
+
);
};
diff --git a/src/components/shared/LinkButton.tsx b/src/components/shared/LinkButton.tsx
index ffc464e5..04899abe 100644
--- a/src/components/shared/LinkButton.tsx
+++ b/src/components/shared/LinkButton.tsx
@@ -1,6 +1,6 @@
"use client";
-import Image from "next/image";
+import { Button } from "@kusitms.com/ui";
interface LinkButtonProps {
title?: string;
@@ -10,22 +10,16 @@ interface LinkButtonProps {
const LinkButton = ({ title, link, className }: LinkButtonProps) => {
return (
-
+ {title}
+
);
};
diff --git a/src/components/shared/MobilePageNav.tsx b/src/components/shared/MobilePageNav.tsx
index 49610f61..45a3a628 100644
--- a/src/components/shared/MobilePageNav.tsx
+++ b/src/components/shared/MobilePageNav.tsx
@@ -8,7 +8,7 @@ const navLinks = [
{ href: "/", label: "학회소개", matchPath: "/" },
{ href: "/projects/meetup", label: "프로젝트", matchPath: "/projects" },
{ href: "/reviews/activity", label: "후기", matchPath: "/reviews" },
- { href: "/archive", label: "32기 아카이브", matchPath: "/archive" },
+ { href: "/archive", label: "33기 아카이브", matchPath: "/archive" },
{ href: "/recruit", label: "리크루팅", matchPath: "/recruit" },
];
diff --git a/src/components/shared/PageNav.tsx b/src/components/shared/PageNav.tsx
index 640bd935..782ca233 100644
--- a/src/components/shared/PageNav.tsx
+++ b/src/components/shared/PageNav.tsx
@@ -7,7 +7,7 @@ const navLinks = [
{ href: "/", label: "학회소개", matchPath: "/" },
{ href: "/projects/meetup", label: "프로젝트", matchPath: "/projects" },
{ href: "/reviews/activity", label: "후기", matchPath: "/reviews" },
- { href: "/archive", label: "32기 아카이브", matchPath: "/archive" },
+ { href: "/archive", label: "33기 아카이브", matchPath: "/archive" },
{ href: "/recruit", label: "리크루팅", matchPath: "/recruit" },
];
diff --git a/src/components/shared/TopScrollButton.tsx b/src/components/shared/TopScrollButton.tsx
index 30cad238..9e4a82fb 100644
--- a/src/components/shared/TopScrollButton.tsx
+++ b/src/components/shared/TopScrollButton.tsx
@@ -1,54 +1,9 @@
"use client";
import { ScrollTopButton as ScrollTopButtonUI } from "@kusitms.com/ui";
-import { useEffect, useState } from "react";
function TopScrollButton() {
- const [bottom, setBottom] = useState(40);
- const [isDesktop, setIsDesktop] = useState(true);
-
- useEffect(() => {
- const checkIsDesktop = () => {
- setIsDesktop(window.innerWidth >= 1024);
- };
- checkIsDesktop();
- window.addEventListener("resize", checkIsDesktop);
- return () => window.removeEventListener("resize", checkIsDesktop);
- }, []);
-
- useEffect(() => {
- const handleScroll = () => {
- const docHeight = document.documentElement.scrollHeight;
- const scrollY = window.scrollY || window.pageYOffset;
- const winHeight = window.innerHeight;
- const remain = docHeight - (scrollY + winHeight);
- const minBottom = isDesktop ? 177 : 226;
- const defaultBottom = isDesktop ? 40 : 16;
-
- if (remain <= minBottom) {
- const dynamicBottom = defaultBottom + (minBottom - remain);
- setBottom(Math.min(dynamicBottom, minBottom));
- } else {
- setBottom(defaultBottom);
- }
- };
- window.addEventListener("scroll", handleScroll);
- handleScroll();
- return () => window.removeEventListener("scroll", handleScroll);
- }, [isDesktop]);
-
- const scrollToTop = () => {
- window.scrollTo({ top: 0, behavior: "smooth" });
- };
-
- const style: React.CSSProperties = {
- position: "fixed",
- right: isDesktop ? 40 : 16,
- bottom: bottom,
- zIndex: 50,
- };
-
- return
;
+ return
;
}
export default TopScrollButton;
diff --git a/src/constants/companyRows.ts b/src/constants/companyRows.ts
index 4ab3141f..28d17661 100644
--- a/src/constants/companyRows.ts
+++ b/src/constants/companyRows.ts
@@ -5,6 +5,7 @@ export const COMPANY_ROW1: string[] = [
"/main/img/company/SeoulMilk.webp",
"/main/img/company/Kobaco.webp",
"/main/img/company/CodeIt.webp",
+ "/main/img/company/Litmus.png",
"/main/img/company/HDMedi.webp",
"/main/img/company/FitPet.webp",
];
diff --git a/src/constants/guestData.ts b/src/constants/guestData.ts
index 9b432490..1a299603 100644
--- a/src/constants/guestData.ts
+++ b/src/constants/guestData.ts
@@ -1,32 +1,42 @@
export const GUEST_DATA = [
{
- mainIcon: "/main/img/guest/Guest_1.webp",
+ mainIcon: "/main/img/guest/LeeSiyoung.jfif",
title: "기획",
- subtitle: "정덕우 연사님",
+ subtitle: "이시영 연사님",
},
{
- mainIcon: "/main/img/guest/Guest_2.webp",
+ mainIcon: "/main/img/guest/SongJihee.webp",
title: "기획",
- subtitle: "플래터 연사님",
+ subtitle: "송지희 연사님",
},
{
- mainIcon: "/main/img/guest/Guest_3.webp",
+ mainIcon: "/main/img/guest/Woody.webp",
title: "디자인",
- subtitle: "실비안 연사님",
+ subtitle: "우디 연사님",
},
{
- mainIcon: "/main/img/guest/Guest_4.webp",
- title: "백엔드",
- subtitle: "최윤한 연사님",
+ mainIcon: "/main/img/guest/Haiseo.webp",
+ title: "디자인",
+ subtitle: "하이서 연사님",
},
{
- mainIcon: "/main/img/guest/Guest_5.webp",
+ mainIcon: "/main/img/guest/JangHyunseok.png",
title: "프론트",
- subtitle: "이호연 연사님",
+ subtitle: "장현석 연사님",
},
{
- mainIcon: "/main/img/guest/Guest_6.webp",
+ mainIcon: "/main/img/guest/ChoiDain.png",
title: "프론트",
- subtitle: "이정민 연사님",
+ subtitle: "최다인 연사님",
+ },
+ {
+ mainIcon: "/main/img/guest/LeeJeongjin.png",
+ title: "백엔드",
+ subtitle: "이정진 연사님",
+ },
+ {
+ mainIcon: "/main/img/guest/KimHansu.png",
+ title: "백엔드",
+ subtitle: "김한수 연사님",
},
];
diff --git a/src/constants/partners.ts b/src/constants/partners.ts
index fded7a59..153f4d34 100644
--- a/src/constants/partners.ts
+++ b/src/constants/partners.ts
@@ -1,7 +1,13 @@
export const PARTNERS: string[] = [
- "/main/img/partner/Seoul.webp",
- "/main/img/partner/LetsCareer.webp",
- "/main/img/partner/SniperFactory.webp",
- "/main/img/partner/FLab.webp",
- "/main/img/partner/Dcamp.webp",
+ "/main/img/partner/Seoul2026.png",
+ "/main/img/partner/LetsCareer2026.png",
+ "/main/img/partner/Dcamp2026.png",
+ "/main/img/partner/Litmus.png",
+ "/main/img/partner/Sangkwaehwan.png",
+ "/main/img/partner/NamaneCut.png",
+ "/main/img/partner/Yes24.png",
+ "/main/img/partner/Onsurvey.png",
+ "/main/img/partner/USEmbassy.png",
+ "/main/img/partner/Kchiver.png",
+ "/main/img/partner/LG.png",
];
diff --git a/src/constants/timeLineData.ts b/src/constants/timeLineData.ts
index 238b1c4a..4ce2e92e 100644
--- a/src/constants/timeLineData.ts
+++ b/src/constants/timeLineData.ts
@@ -10,17 +10,17 @@ export const TIMELINE_DATA: TimelineContent[] = [
{
title: "오리엔테이션",
description:
- "학부학 및 운영진 소개, 출결 및 상벌점 안내 등 큐시즘에 대한 안내를 받은 후 큐시즘의 기업 연계프로젝트를 함께할 기업 직행, LG전자를 소개받았어요.",
+ "학부학 및 운영진 소개, 출결 및 상벌점 안내 등 큐시즘에 대한 안내를 받은 후 큐시즘의 기업 연계프로젝트를 함께할 기업 LG전자, 리트머스를 소개받았어요.",
isLeft: true,
src: "/display/ot.webp",
alt: "오리엔테이션",
},
{
- title: "기업 연계 프로젝트",
+ title: "기업 연계프로젝트",
description:
- "큐시즘의 첫 번째 프로젝트로 32기는 직행, LG전자와 5주동안 각 기업에서 제시해준 주제를 바탕으로 프로젝트를 진행했어요.",
+ "큐시즘의 첫 번째 프로젝트로 33기는 LG전자, 리트머스와 5주동안 각 기업에서 제시해준 주제를 바탕으로 프로젝트를 진행했어요.",
isLeft: false,
- src: "/display/coporate.webp",
+ src: "/display/corporate-33.webp",
alt: "기업 연계 프로젝트",
},
{
@@ -28,15 +28,14 @@ export const TIMELINE_DATA: TimelineContent[] = [
description:
"현업에 계신 기획, 디자인, 프론트엔드, 백엔드 직무의 연사님들께서 강연을 진행해주셨어요. 전문가의 시선에서 인사이트를 얻을 수 있는 시간이었어요.",
isLeft: true,
- src: "/display/talk.webp",
+ src: "/display/expert-lecture-33.webp",
alt: "전문가 초청 강연",
},
{
title: "MT",
- description:
- "기업 연계 프로젝트를 위해 7주간 쉼없이 달려온 큐밀리들을 위한 재충전의 시간을 가졌어요.",
+ description: "7주간 쉼없이 달려온 큐밀리들을 위한 재충전의 시간을 가졌어요.",
isLeft: false,
- src: "/display/mt.webp",
+ src: "/display/mt-33.webp",
alt: "MT",
},
{
@@ -44,15 +43,30 @@ export const TIMELINE_DATA: TimelineContent[] = [
description:
"큐시즘의 OB분들을 초청하여 인터뷰와 커피챗 시간을 가졌어요. 큐시즘 프로젝트와 실무 관련 인사이트를 얻을 수 있는 귀중한 시간이었어요.",
isLeft: true,
- src: "/display/ob.webp",
+ src: "/display/ob-day-33.webp",
alt: "OB 초청데이",
},
{
title: "밋업 프로젝트",
description:
- "큐시즘의 두 번째 프로젝트로 학회원들의 아이디어를 바탕으로 팀원을 구성하여 프로젝트를 진행해요. 프로젝트를 바탕으로 전시회를 진행하며 마무리했어요.",
+ "큐시즘의 두 번째 프로젝트로 학회원들의 아이디어를 바탕으로 팀원을 구성하여 프로젝트를 진행해요.",
isLeft: false,
- src: "/display/meetup.webp",
+ src: "/display/meetup-project-33.webp",
alt: "밋업 프로젝트",
},
+ {
+ title: "전시회",
+ description: "학회원의 아이디어에서 시작된 밋업 프로젝트를 사람들에게 처음 선보이는 자리에요.",
+ isLeft: true,
+ src: "/display/exhibition-33.webp",
+ alt: "전시회",
+ },
+ {
+ title: "밋업데이",
+ description:
+ "밋업데이에서 멘토님들의 심도깊은 평가와 함께 발표하며 밋업 프로젝트를 마무리해요.",
+ isLeft: false,
+ src: "/display/meetup-day-33.webp",
+ alt: "밋업데이",
+ },
];