chore: 기능 구현 스코프 정리 및 마킹

frontend/src/components/recruitmentPost/ApplyForm/index.tsx

@@ -27,13 +27,15 @@ export default function ApplyForm({ questions, isClosed }: ApplyFormProps) {
   const { data: recruitmentPost } = applyQueries.useGetRecruitmentPost({ applyFormId: applyFormId ?? '' });
   const { mutate: apply } = applyMutations.useApply(applyFormId, recruitmentPost?.title ?? '');
 
+  // TODO: useForm은 input으로 initialValues제공해야 한다. 따라서 SideEffect를 피하기 위해선 useForm외부에서 localStorage를 별도로 저장해야 한다.
   const {
     formData: applicant,
     register,
     hasErrors,
   } = useForm<ApplicantData>({
     initialValues: { name: '', email: '', phone: '' },
   });
+
   const { answers, changeHandler, isRequiredFieldsIncomplete } = useAnswers(questions);
   const [personalDataCollection, setPersonalDataCollection] = useState(false);
 

frontend/src/components/recruitmentPost/ApplyForm/useAnswers.ts

@@ -1,22 +1,26 @@
 import { Question } from '@customTypes/apply';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 
 interface AnswerFormData {
   [key: string]: string[];
 }
 
 export const useAnswers = (questions: Question[]) => {
-  const [answers, setAnswers] = useState<AnswerFormData>({});
-
-  useEffect(() => {
-    if (questions.length > 0) {
-      const initialAnswers = questions.reduce(
-        (acc, question) => ({ ...acc, [question.questionId]: [] }),
-        {} as AnswerFormData,
-      );
-      setAnswers(initialAnswers);
-    }
-  }, [questions]);
+  // const [answers, setAnswers] = useState<AnswerFormData>({});
+  // TODO: useLocalStorageState() 사용하기
+  const [answers, setAnswers] = useState<AnswerFormData>(
+    questions.reduce((acc, question) => ({ ...acc, [question.questionId]: [] }), {} as AnswerFormData),
+  );
+
+  // useEffect(() => {
+  //   if (questions.length > 0) {
+  //     const initialAnswers = questions.reduce(
+  //       (acc, question) => ({ ...acc, [question.questionId]: [] }),
+  //       {} as AnswerFormData,
+  //     );
+  //     setAnswers(initialAnswers);
+  //   }
+  // }, [questions]);
 
   const handleText = (id: string, value: string) => {
     setAnswers((prev) => ({ ...prev, [id]: [value] }));

frontend/src/hooks/useDashboardCreateForm/index.tsx

@@ -40,6 +40,7 @@ const initialRecruitmentInfoState: RecruitmentInfoState = {
 };
 
 export default function useDashboardCreateForm(): UseDashboardCreateFormReturn {
+  // TODO: useLocalStorageState() 사용하기
   const [stepState, setStepState] = useState<StepState>('recruitmentForm');
   const [recruitmentInfoState, setRecruitmentInfoState] = useState<RecruitmentInfoState>(initialRecruitmentInfoState);
   const [applyState, setApplyState] = useState<Question[]>(DEFAULT_QUESTIONS);