feat: 29기 지원서 질문 데이터 추가

frontend/app/application/page.tsx

@@ -6,15 +6,15 @@ import { CURRENT_GENERATION } from "@/src/constants";
 import {
   APPLICATION_DESIGN,
   APPLICATION_NAVBAR_DESIGN,
-} from "@/src/constants/application/28/designer";
+} from "@/src/constants/application/29/designer";
 import {
   APPLICATION_DEVELOPER,
   APPLICATION_NAVBAR_DEVELOPER,
-} from "@/src/constants/application/28/developer";
+} from "@/src/constants/application/29/developer";
 import {
   APPLICATION_MANAGER,
   APPLICATION_NAVBAR_MANAGER,
-} from "@/src/constants/application/28/manager";
+} from "@/src/constants/application/29/manager";
 import { useLocalStorage } from "@/src/hooks/useLocalstorage.hook";
 import {
   applicationDataAtom,

frontend/components/applicant/DetailRight.component.tsx

@@ -9,22 +9,24 @@ import { applicantDataFinder } from "@/src/functions/finder";
 import { JunctionApplicant } from "./Junction.component";
 import { useAtom } from "jotai";
 import { applicantQuestionsAtom } from "@/src/stores/applicant";
-
 import { CURRENT_GENERATION } from "@/src/constants";
 
 interface ApplicantDetailRightProps {
   data: ApplicantReq[];
 }
 
 const ApplicantDetailRight = ({ data }: ApplicantDetailRightProps) => {
-  const APPLICANT_DEVELOPER =
-    require(`@/src/constants/applicant/${CURRENT_GENERATION}/developer.ts`).APPLICANT_DEVELOPER;
+  const APPLICANT_DEVELOPER = require(
+    `@/src/constants/applicant/${CURRENT_GENERATION}/developer.ts`
+  ).APPLICANT_DEVELOPER;
 
-  const APPLICANT_DESIGNER =
-    require(`@/src/constants/applicant/${CURRENT_GENERATION}/designer.ts`).APPLICANT_DESIGNER;
+  const APPLICANT_DESIGNER = require(
+    `@/src/constants/applicant/${CURRENT_GENERATION}/designer.ts`
+  ).APPLICANT_DESIGNER;
 
-  const APPLICANT_MANAGER =
-    require(`@/src/constants/applicant/${CURRENT_GENERATION}/manager.ts`).APPLICANT_MANAGER;
+  const APPLICANT_MANAGER = require(
+    `@/src/constants/applicant/${CURRENT_GENERATION}/manager.ts`
+  ).APPLICANT_MANAGER;
 
   const [applicantData, setApplicantData] = useAtom(applicantQuestionsAtom);
 

frontend/components/applicant/applicantNode/CustomHuman.component.tsx

@@ -17,7 +17,7 @@ const ApplicantCustomHuman = ({
     <>
       <div className="flex items-center pt-6 pb-12">
         <Txt typography="h1" className="px-6 min-w-fit">
-          {applicantDataFinder(data, customHumanData.value.hunamName.name)}
+          {applicantDataFinder(data, customHumanData.value.humanName.name)}
         </Txt>
         <div className="h-full flex flex-col gap-2 justify-between">
           <Txt>

frontend/components/application/Navbar.tsx

@@ -39,7 +39,7 @@ const ApplicationNavbar = ({
     <nav className={cn("pl-12 w-full h-full", className)}>
       {applicationNavbar.map((navItem, index) => (
         <button
-          className={"text-left p-4 relative"}
+          className={"text-left p-4 relative w-full"}
           onClick={() => onNavbarClick(navItem.id)}
           key={navItem.id}
         >

frontend/components/application/applicationLayout/BooleanTextarea.component.tsx

@@ -31,10 +31,10 @@ const TextArea = ({ node }: TextAreaProps) => {
     <div className="flex gap-6">
       <div className="flex-1">
         <div className="pl-8">
-          <Txt typography="h6" className="mb-4 block break-keep">
+          <Txt typography="h6" className="mb-4 block break-all">
             {`1) ${node.title}`}
           </Txt>
-          <Txt className="pl-4 block break-keep">{node.subtitle}</Txt>
+          <Txt className="pl-4 block break-all">{node.subtitle}</Txt>
         </div>
       </div>
       <div className="flex-1 relative">
@@ -72,13 +72,13 @@ const ApplicationBooleanTextareaLayout = ({
         <div className="flex-1">
           <div className="mb-4 flex gap-2">
             <Txt typography="h6">{`${applicationQuestion.id}. `}</Txt>
-            <Txt typography="h6" className="break-keep">{`${
+            <Txt typography="h6" className="break-all">{`${
               applicationQuestion.title
             }${applicationQuestion.require ? "*" : ""}`}</Txt>
           </div>
           {applicationQuestion.subtitle && (
             <div className="pl-6">
-              <Txt className="text-sm break-keep">
+              <Txt className="text-sm break-all">
                 {applicationQuestion.subtitle}
               </Txt>
             </div>

frontend/components/application/applicationLayout/Horizontal.componet.tsx

@@ -16,13 +16,32 @@ const ApplicationHorizontalLayout = ({
       <div className="flex-1">
         <div className="mb-4 flex gap-2">
           <Txt typography="h6">{`${applicationQuestion.id}. `}</Txt>
-          <Txt typography="h6" className="break-keep">{`${
-            applicationQuestion.title
-          }${applicationQuestion.require ? "*" : ""}`}</Txt>
+          <Txt typography="h6" className="break-all whitespace-pre-wrap">
+            {`${applicationQuestion.title}${applicationQuestion.require ? "*" : ""}`}
+          </Txt>
         </div>
         {applicationQuestion.subtitle && (
           <div className="pl-6">
-            <Txt className="text-sm">{applicationQuestion.subtitle}</Txt>
+            {applicationQuestion.subtitle
+              .split(/<b>|<\/b>/)
+              .map((line, index) =>
+                index % 2 === 1 ? (
+                  <Txt
+                    typography="h6"
+                    className="break-all text-sm whitespace-pre-wrap black"
+                    key={index}
+                  >
+                    {line}
+                  </Txt>
+                ) : (
+                  <Txt
+                    className="break-all text-sm whitespace-pre-wrap"
+                    key={index}
+                  >
+                    {line}
+                  </Txt>
+                )
+              )}
             {applicationQuestion.alert && (
               <div className="mt-4">
                 <Txt className=" underline font-semibold">

frontend/components/application/applicationLayout/RadioForCheck.component.tsx

@@ -33,8 +33,8 @@ const RadioCell = ({
           radioForCheckData.name === "personalInformationAgree"
             ? "/application/consent#common"
             : radioForCheckData.name === "personalInformationAgreeForPortfolio"
-            ? "/application/consent#portfolio"
-            : ""
+              ? "/application/consent#portfolio"
+              : ""
         }
         target="_blank"
       >
@@ -91,7 +91,7 @@ const ApplicationRadioForCheckLayout = ({
       {applicationQuestion.id !== -1 && applicationQuestion.title && (
         <>
           <Txt typography="h6">{`${applicationQuestion.id}. `}</Txt>
-          <Txt typography="h6" className="break-keep">{`${
+          <Txt typography="h6" className="break-all">{`${
             applicationQuestion.title
           }${applicationQuestion.require ? "*" : ""}`}</Txt>
         </>

frontend/components/application/applicationLayout/Vertical.component.tsx

@@ -21,7 +21,7 @@ const ApplicationVerticalLayout = ({
       {applicationQuestion.id !== -1 && applicationQuestion.title && (
         <>
           <Txt typography="h6">{`${applicationQuestion.id}. `}</Txt>
-          <Txt typography="h6" className="break-keep">{`${
+          <Txt typography="h6" className="break-all">{`${
             applicationQuestion.title
           }${applicationQuestion.require ? "*" : ""}`}</Txt>
         </>

frontend/components/application/applicationLayout/timeline/Timeline.component.tsx

@@ -71,15 +71,15 @@ const ApplicationTimelineLayout = ({
       {applicationQuestion.id !== -1 && applicationQuestion.title && (
         <div className="pb-6">
           <Txt typography="h6">{`${applicationQuestion.id}. `}</Txt>
-          <Txt typography="h6" className="break-keep">{`${
+          <Txt typography="h6" className="break-all">{`${
             applicationQuestion.title
           }${applicationQuestion.require ? "*" : ""}`}</Txt>
         </div>
       )}
       {applicationQuestion.subtitle && (
         <>
           {applicationQuestion.subtitle.split("\n").map((line, index) => (
-            <Txt className="break-keep block" key={index}>
+            <Txt className="break-all block" key={index}>
               {line}
             </Txt>
           ))}

frontend/components/application/applicationNode/Radio.tsx

@@ -5,15 +5,15 @@ import Txt from "@/components/common/Txt.component";
 import {
   APPLICATION_DESIGN,
   APPLICATION_NAVBAR_DESIGN,
-} from "@/src/constants/application/28/designer";
+} from "@/src/constants/application/29/designer";
 import {
   APPLICATION_DEVELOPER,
   APPLICATION_NAVBAR_DEVELOPER,
-} from "@/src/constants/application/28/developer";
+} from "@/src/constants/application/29/developer";
 import {
   APPLICATION_MANAGER,
   APPLICATION_NAVBAR_MANAGER,
-} from "@/src/constants/application/28/manager";
+} from "@/src/constants/application/29/manager";
 import {
   ApplicationNode,
   type ApplicationRadio,

frontend/src/constants/applicant/25.ts

@@ -16,7 +16,7 @@ const APPLICANT: ApplicantNode[] = [
     title: "기본 인적 사항을 입력해주세요.*",
     type: "customHuman",
     value: {
-      hunamName: { name: "name" },
+      humanName: { name: "name" },
       humanEmail: { name: "email" },
       humanPhone: { name: "contacted" },
       humanEtc: [

frontend/src/constants/applicant/26.ts

@@ -16,7 +16,7 @@ const APPLICANT: ApplicantNode[] = [
     title: "기본 인적 사항을 입력해주세요.*",
     type: "customHuman",
     value: {
-      hunamName: { name: "name" },
+      humanName: { name: "name" },
       humanEmail: { name: "email" },
       humanPhone: { name: "contacted" },
       humanEtc: [

frontend/src/constants/applicant/27.ts

@@ -16,7 +16,7 @@ const APPLICANT: ApplicantNode[] = [
     title: "기본 인적 사항을 입력해주세요.",
     type: "customHuman",
     value: {
-      hunamName: { name: "name" },
+      humanName: { name: "name" },
       humanEmail: { name: "email" },
       humanPhone: { name: "contacted" },
       humanEtc: [

frontend/src/constants/applicant/28.ts

@@ -16,7 +16,7 @@ const APPLICANT: ApplicantNode[] = [
     title: "기본 인적 사항을 입력해주세요.",
     type: "customHuman",
     value: {
-      hunamName: { name: "name" },
+      humanName: { name: "name" },
       humanEmail: { name: "email" },
       humanPhone: { name: "contacted" },
       humanEtc: [

frontend/src/constants/applicant/29.ts

@@ -17,7 +17,7 @@ const APPLICANT: ApplicantNode[] = [
     title: "기본 인적 사항을 입력해주세요.",
     type: "customHuman",
     value: {
-      hunamName: { name: "name" },
+      humanName: { name: "name" },
       humanEmail: { name: "email" },
       humanPhone: { name: "contacted" },
       humanEtc: [
@@ -42,11 +42,7 @@ const APPLICANT: ApplicantNode[] = [
   },
 ];
 
-export type ScoreKeyword =
-  | "실천력"
-  | "동아리 활동의지"
-  | "협업"
-  | "베풀려는 마음";
+export type ScoreKeyword = "열정" | "협업" | "성실" | "에코노베이션";
 
 // type ScoreKeywordName =
 //   | "passion"
@@ -57,10 +53,10 @@ export type ScoreKeyword =
 export const ScoreSequence: {
   [key: number]: ScoreKeyword;
 } = {
-  0: "실천력",
-  1: "동아리 활동의지",
-  2: "협업",
-  3: "베풀려는 마음",
+  0: "열정",
+  1: "협업",
+  2: "성실",
+  3: "에코노베이션",
 };
 
 export type Score = {

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

@@ -7,8 +7,7 @@ export const APPLICANT_DESIGNER = [
   } as ApplicantTextareaNode,
   {
     id: 6,
-    title:
-      "본인이 계획하고 있는 진로와 이를 위해 노력한 내용을 말씀해주세요.(IT 분야가 아니어도 괜찮습니다)",
+    title: "디자이너를 희망하는 이유는 무엇인가요?",
     type: "textarea",
     value: { name: "future" },
   } as ApplicantTextareaNode,
@@ -36,14 +35,14 @@ export const APPLICANT_DESIGNER = [
   {
     id: 10,
     title:
-      "어떤 일에 도전하고 실패해 본 경험이 있나요? 그 실패를 어떻게 극복했는지 서술해 주세요.(소프트웨어 분야 관련 경험이 아니어도 좋습니다.)",
+      "무언가에 깊게 빠지거나 파고 들어본 적이 있나요? 좋아하는 것을 위해서 주변에서 인정할 정도로 깊게 빠져본 적이 있다면 서술해주세요.",
     type: "textarea",
     value: { name: "failure" },
   } as ApplicantTextareaNode,
   {
     id: 11,
     title:
-      "무언가에 깊게 빠지거나 파고 들어본 적이 있나요? 좋아하는 것을 위해서 주변에서 인정할 정도로 깊게 빠져본 적이 있다면 서술해주세요.",
+      "어떤 일에 도전하고 실패해 본 경험이 있나요? 그 실패를 어떻게 극복했는지 서술해 주세요.(소프트웨어 분야 관련 경험이 아니어도 좋습니다.)",
     type: "textarea",
     value: { name: "drain" },
   } as ApplicantTextareaNode,
@@ -56,15 +55,14 @@ export const APPLICANT_DESIGNER = [
   } as ApplicantTextareaNode,
   {
     id: 13,
-    title:
-      "에코노베이션에 최종 합격 시 신입 기수로 구성된 팀으로 개발 프로젝트에 참여하고, 목표를 달성하기 위해 스스로 끊임없이 배우고 노력합니다. 에코노베이션에 들어오게 된다면 어떤 목표와 학습 계획을 바탕으로 활동하고 싶나요?",
+    title: "에코노베이션에서의 활동 목표와 학습 계획을 이야기해주세요.",
     type: "textarea",
     value: { name: "studyPlan" },
   } as ApplicantTextareaNode,
   {
-    id: 16,
+    id: 15,
     title:
-      "에코노베이션은 3학기 이상의 활동과 매주 금요일 17시 주간발표에 필수로 참여해야 합니다.\n위 내용을 확인하셨으면 '확인했습니다'를 기입해주세요.",
+      "에코노베이션은 3학기 이상의 활동과 매주 금요일 17시 주간발표 참여가 필수이며, 최종 합격 시 신입 기수로 구성된 팀으로 한 학기 동안 활동하게 됩니다. \n또한, 에코노베이션에서 운영되고 있는 다양한 부서 활동과 네트워킹 행사에 적극적인 참여를 권장합니다.",
     type: "textarea",
     value: { name: "check" },
   } as ApplicantTextareaNode,

frontend/src/constants/applicant/29/developer.ts

@@ -8,14 +8,14 @@ export const APPLICANT_DEVELOPER = [
   {
     id: 6,
     title:
-      "개발자를 희망하는 이유는 무엇인가요? 계획하고 계신 진로와 이를 위해 노력한 내용을 말씀해 주세요.",
+      "개발자를 희망하는 이유는 무엇인가요? 본인이 생각하는 개발자는 무엇인지, 개발자를 희망하게 된 이유는 무엇인지 구체적으로 작성해주세요.",
     type: "textarea",
     value: { name: "future" },
   } as ApplicantTextareaNode,
   {
     id: 7,
     title:
-      "소프트웨어 프로젝트에서 주도적으로 개발한 경험이 있나요?(캡스톤 디자인 제외)",
+      "소프트웨어 프로젝트에서 주도적으로 개발한 경험이 있나요?(캡스톤 디자인 제외)\n없다면, 주도적으로 진행한 다양한 경험을 이야기 해주세요.",
     type: "booleanTextarea",
     booleanValue: { name: "experience" },
     subtitle: [
@@ -27,14 +27,14 @@ export const APPLICANT_DEVELOPER = [
   {
     id: 8,
     title:
-      "어떤 일에 도전하고 실패해 본 경험이 있나요? 그 실패를 어떻게 극복했는지 서술해 주세요.",
+      "무언가에 깊게 빠지거나 파고 들어본 적이 있나요? 좋아하는 것을 위해서 주변에서 인정할 정도로 깊게  빠져본 적이 있다면 서술해주세요.",
     type: "textarea",
     value: { name: "restoration" },
   } as ApplicantTextareaNode,
   {
     id: 9,
     title:
-      "무언가에 깊게 빠지거나 파고 들어본 적이 있나요? 좋아하는 것을 위해서 주변에서 인정할 정도로 깊게  빠져본 적이 있다면 서술해주세요.",
+      "어떤 일에 도전하고 실패해 본 경험이 있나요? 그 실패를 어떻게 극복했는지 서술해 주세요.",
     type: "textarea",
     value: { name: "deep" },
   } as ApplicantTextareaNode,
@@ -47,15 +47,14 @@ export const APPLICANT_DEVELOPER = [
   } as ApplicantTextareaNode,
   {
     id: 11,
-    title:
-      "에코노베이션에 최종 합격 시 신입 기수로 구성된 팀으로 개발 프로젝트에 참여하고, 목표를 달성하기 위해 스스로 끊임없이 배우고 노력합니다. 에코노베이션에 들어오게 된다면 어떤 목표와 학습 계획을 바탕으로 활동하고 싶나요?",
+    title: "에코노베이션에서의 활동 목표와 학습 계획을 이야기해주세요.",
     type: "textarea",
     value: { name: "studyPlan" },
   } as ApplicantTextareaNode,
   {
-    id: 14,
+    id: 13,
     title:
-      "에코노베이션은 3학기 이상의 활동과 매주 금요일 17시 주간발표에 필수로 참여해야 합니다.\n위 내용을 확인하셨으면 '확인했습니다'를 기입해주세요.",
+      "에코노베이션은 3학기 이상의 활동과 매주 금요일 17시 주간발표 참여가 필수이며, 최종 합격 시 신입 기수로 구성된 팀으로 한 학기 동안 활동하게 됩니다. \n또한, 에코노베이션에서 운영되고 있는 다양한 부서 활동과 네트워킹 행사에 적극적인 참여를 권장합니다.",
     type: "textarea",
     value: { name: "check" },
   } as ApplicantTextareaNode,