feat: current generation 업데이트

frontend/app/(WithNavbar)/layout.tsx

@@ -1,22 +1,12 @@
 import CommonNavbar from "@/components/common/navbar/Navbar";
 import { PropsWithChildren } from "react";
-import { headers } from "next/headers";
 
 interface WithNavbarLayout extends PropsWithChildren {}
 
 const ApplicantPage = ({ children }: WithNavbarLayout) => {
-  const headersList = headers();
-  const header_url = headersList.get("x-url") || "";
-  const [_, __, currentPath, generation, ___] = header_url.split(/[/?]+/);
-  const isShort = currentPath === "kanban";
-
   return (
     <div className="px-24 min-w-[1280px] flex p-12">
-      <CommonNavbar
-        generation={generation}
-        currentPath={currentPath}
-        isShort={isShort}
-      />
+      <CommonNavbar />
       {children}
     </div>
   );

frontend/app/kanban/[generation]/detail/page.tsx

@@ -52,7 +52,7 @@ const KanbanBoardDetailPage = ({
   return (
     <main className="flex mt-8 overflow-auto pt-12 pl-12">
       <KanbanColumnDetailCard
-        columnIndex={+columnIndex ?? 0}
+        columnIndex={+(columnIndex ?? 0)}
         generation={generation}
         cardId={cardId}
         applicantId={applicantId}

frontend/components/common/navbar/Navbar.tsx

@@ -1,20 +1,17 @@
+"use client";
 import { MainNavbar } from "@/src/constants";
 import CommonNavbarCell from "./NavbarCell";
 import NavbarUserInfo from "./UserInfo";
 import { NavbarOperation } from "./NavbarOperation";
 import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { NavbarToggle } from "./NavbarToggle";
 
-interface CommonNavbarProps {
-  generation: string;
-  isShort?: boolean;
-  currentPath: string;
-}
+const CommonNavbar = () => {
+  const currentPath = usePathname();
+  const isShort = currentPath.split("/")[1] === "kanban";
+  const generation = currentPath.split("/")[2];
 
-const CommonNavbar = ({
-  generation,
-  isShort = false,
-  currentPath,
-}: CommonNavbarProps) => {
   return (
     <nav className="flex flex-col transition-all">
       <Link
@@ -26,19 +23,11 @@ const CommonNavbar = ({
         <div>{generation}th</div>
       </Link>
       <div className="flex flex-col gap-8 mt-8 text-xl">
-        {MainNavbar.map((item) => (
-          <CommonNavbarCell
-            key={item.type}
-            currentPath={currentPath}
-            isShort={isShort}
-            item={item}
-          />
+        {MainNavbar(+generation).map((item) => (
+          <CommonNavbarCell key={item.type} item={item} />
         ))}
-        <NavbarOperation
-          currentPath={currentPath}
-          generation={generation}
-          isShort={isShort}
-        />
+        <NavbarToggle />
+        <NavbarOperation />
       </div>
       <NavbarUserInfo />
     </nav>

frontend/components/common/navbar/NavbarCell.tsx

@@ -1,43 +1,51 @@
+"use client";
+
 import Image from "next/image";
 import LtIcon from "@/public/icons/lt.icon.svg";
 import LtIconWhite from "@/public/icons/lt.icon.white.svg";
+import Link from "next/link";
+import { cn } from "@/src/utils/cn";
+import { usePathname } from "next/navigation";
 
 type CommonNavbarCellProps = {
-  currentPath: string;
   item: {
-    type: string;
+    type: string; //TODO: 타입 정의하기
     href: string;
     target: string;
     short_title: string;
     title: string;
   };
-  isShort: boolean;
 };
 
-const CommonNavbarCell = ({
-  currentPath,
-  item,
-  isShort,
-}: CommonNavbarCellProps) => {
+const CommonNavbarCell = ({ item }: CommonNavbarCellProps) => {
+  const currentPath = usePathname();
+  const currentType = currentPath.split("/")[1];
+  const isShort = currentType === "kanban";
+
+  const generation = currentPath.split("/")[2];
+
   const linkButtonClassName =
     "flex justify-between p-4 hover:bg-secondary-100 hover:text-white rounded-lg";
+
+  const { href, short_title, target, title, type } = item;
+
   return (
-    <a
-      className={
-        currentPath === item.type
+    <Link
+      className={cn(
+        currentType === type
           ? `${linkButtonClassName} !bg-black !text-white`
           : linkButtonClassName
-      }
-      href={item.href}
-      target={item.target === "_blank" ? "_blank" : ""}
-      key={item.type}
+      )}
+      href={href}
+      target={target === "_blank" ? "_blank" : ""}
+      key={type}
     >
-      {isShort ? item.short_title : item.title}
+      {isShort ? short_title : title}
       <Image
-        src={currentPath !== item.type ? LtIcon : LtIconWhite}
+        src={currentPath !== type ? LtIcon : LtIconWhite}
         alt="right arrow"
       />
-    </a>
+    </Link>
   );
 };
 

frontend/components/common/navbar/NavbarOperation.tsx

@@ -3,18 +3,11 @@
 import { useQuery } from "@tanstack/react-query";
 import CommonNavbarCell from "./NavbarCell";
 import { getMyInfo } from "@/src/apis/interview";
+import { usePathname } from "next/navigation";
 
-interface NavbarOperationProps {
-  generation: string;
-  isShort?: boolean;
-  currentPath: string;
-}
-
-export const NavbarOperation = ({
-  generation,
-  isShort = false,
-  currentPath,
-}: NavbarOperationProps) => {
+export const NavbarOperation = () => {
+  const currentPath = usePathname();
+  const generation = currentPath.split("/")[2];
   const { data: userData } = useQuery(["user"], getMyInfo);
   if (!userData) {
     return <div></div>;
@@ -26,8 +19,6 @@ export const NavbarOperation = ({
 
   return (
     <CommonNavbarCell
-      currentPath={currentPath}
-      isShort={isShort}
       item={{
         href: `/admin/${generation}`,
         short_title: "관리자",

frontend/components/common/navbar/NavbarToggle.tsx

@@ -0,0 +1,30 @@
+import { usePathname } from "next/navigation";
+import CommonNavbarCell from "./NavbarCell";
+import { CURRENT_GENERATION } from "@/src/constants";
+
+export const NavbarToggle = () => {
+  const currentPath = usePathname();
+  const selectedGeneration = +currentPath.split("/")[2];
+
+  const isCurrentGeneration = selectedGeneration === CURRENT_GENERATION;
+  const generation = isCurrentGeneration
+    ? CURRENT_GENERATION - 1
+    : CURRENT_GENERATION;
+
+  const short_title = isCurrentGeneration ? "지난 모집" : "현재 모집";
+  const title = isCurrentGeneration
+    ? "지난 신입모집 보기"
+    : "현재 신입모집 보기";
+
+  return (
+    <CommonNavbarCell
+      item={{
+        href: `/kanban/${generation}`,
+        short_title,
+        title,
+        target: "_self",
+        type: "toggle",
+      }}
+    />
+  );
+};

frontend/src/constants/applicant/28.ts

@@ -0,0 +1,84 @@
+const APPLICANT: ApplicantNode[] = [
+  {
+    id: 1,
+    title: "프로젝트 희망 분야를 선택해주세요.*",
+    type: "customField",
+    value: {
+      name: "field",
+    },
+    subValue: [
+      { title: "1순위", name: "field1" },
+      { title: "2순위", name: "field2" },
+    ],
+  },
+  {
+    id: 2,
+    title: "기본 인적 사항을 입력해주세요.",
+    type: "customHuman",
+    value: {
+      hunamName: { name: "name" },
+      humanEmail: { name: "email" },
+      humanPhone: { name: "contacted" },
+      humanEtc: [
+        { name: "classOf" },
+        { name: "major" },
+        { name: "doubleMajor" },
+        { name: "minor" },
+        { name: "grade" },
+        { name: "semester" },
+        { name: "registered" },
+      ],
+    },
+  },
+  {
+    id: 3,
+    title: "기타 질문 사항에 답변해주세요.",
+    type: "shortSplit",
+    value: [
+      { title: "향후 계획 활동", name: "activity" },
+      { title: "지원 경로* (중복 선택 가능)", name: "channel" },
+    ],
+  },
+];
+
+export type ScoreKeyword =
+  | "실천력"
+  | "동아리 활동의지"
+  | "협업"
+  | "베풀려는 마음";
+
+// type ScoreKeywordName =
+//   | "passion"
+//   | "clubInvolvement"
+//   | "collaboration"
+//   | "devotion";
+
+export const ScoreSequence: {
+  [key: number]: ScoreKeyword;
+} = {
+  0: "실천력",
+  1: "동아리 활동의지",
+  2: "협업",
+  3: "베풀려는 마음",
+};
+
+export type Score = {
+  fieldName: ScoreKeyword;
+  score: number | "";
+};
+
+// type ScoreKeywordType = {
+//   title: ScoreKeyword;
+//   name: ScoreKeywordName;
+// };
+
+// const INTERVIEW_SCORE_KEYWORD: ScoreKeywordType[] = [
+//   { title: "실천력", name: "passion" },
+//   { title: "동아리 활동의지", name: "clubInvolvement" },
+//   { title: "협업", name: "collaboration" },
+//   { title: "베풀려는 마음", name: "devotion" },
+// ];
+
+const FIELD_NAME: ScoreKeyword[] = Object.values(ScoreSequence);
+
+export { APPLICANT, FIELD_NAME };

frontend/src/constants/applicant/28/designer.ts

@@ -0,0 +1,76 @@
+export const APPLICANT_DESIGNER = [
+  {
+    id: 5,
+    title: "자기소개 및 에코노베이션에 지원하게 된 계기를 서술해 주세요.",
+    type: "textarea",
+    value: { name: "reason" },
+  } as ApplicantTextareaNode,
+  {
+    id: 6,
+    title:
+      "본인이 계획하고 있는 진로가 무엇인가요?(IT 분야가 아니어도 괜찮습니다)",
+    type: "textarea",
+    value: { name: "future" },
+  } as ApplicantTextareaNode,
+  {
+    id: 7,
+    title:
+      "UI/UX 디자인 작업물들 중 가장 자신 있는 디자인 작업물을 설명하고, 이를 통해 배우게 된 점이 있다면 서술해 주세요.",
+    type: "textarea",
+    value: { name: "workDescript" },
+  } as ApplicantTextareaNode,
+  {
+    id: 8,
+    title:
+      "UI/UX 디자인을 할 때, 가장 중요한 것은 무엇이라고 생각하나요? 한가지 키워드를 중심으로 서술해주세요.",
+    type: "textarea",
+    value: { name: "keyword" },
+  } as ApplicantTextareaNode,
+  {
+    id: 9,
+    title:
+      "우리 주변의 IT 서비스 중에 UI/UX를 개선하고 싶은 서비스가 있다면, 어떤 점을 '왜' 그리고 '어떻게' 개선하고 싶은지 서술해 주세요.",
+    type: "textarea",
+    value: { name: "betterment" },
+  } as ApplicantTextareaNode,
+  {
+    id: 10,
+    title:
+      "어떤 일에 도전하고 실패해 본 경험이 있나요? 그 실패를 어떻게 극복했는지 서술해 주세요.(소프트웨어 분야 관련 경험이 아니어도 좋습니다.)",
+    type: "textarea",
+    value: { name: "failure" },
+  } as ApplicantTextareaNode,
+  {
+    id: 11,
+    title:
+      "무언가에 깊게 빠지거나 파고 들어본 적이 있나요? 좋아하는 것을 위해서 주변에서 인정할 정도로 깊게 빠져본 적이 있다면 서술해주세요.",
+    type: "textarea",
+    value: { name: "drain" },
+  } as ApplicantTextareaNode,
+  {
+    id: 12,
+    title:
+      "협업(프로젝트, 팀 활동)에 있어서 가장 중요하다고 생각되는 것은 무엇인지 그 이유와 함께 서술해주세요.",
+    type: "textarea",
+    value: { name: "collaboration" },
+  } as ApplicantTextareaNode,
+  {
+    id: 13,
+    title:
+      "에코노베이션에 최종 합격 시 신입 기수로 구성된 팀으로 개발 프로젝트에 참여하고, 목표를 달성하기 위해 스스로 끊임없이 배우고 노력합니다. 에코노베이션에 들어오게 된다면 어떤 목표와 학습 계획을 바탕으로 활동하고 싶나요?",
+    type: "textarea",
+    value: { name: "studyPlan" },
+  } as ApplicantTextareaNode,
+  {
+    id: 14,
+    title:
+      "에코노베이션은 3학기 이상의 활동을 권장하고 있으며 매주 금요일 17시에는 주간발표가 있습니다. 위 내용을 확인하셨으면 '확인했습니다'를 기입해주세요.",
+    type: "textarea",
+    value: { name: "check" },
+  } as ApplicantTextareaNode,
+  {
+    id: 15,
+    title: "면접 가능시간을 선택해주세요. (중복 선택 가능)",
+    type: "timeline",
+  } as ApplicantTimelineNode,
+];