🔧 verificationFile 타입 처리 개선

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-Claude)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

Author: manNomi

apps/web/src/app/my/apply-mentor/_components/UniversityScreen/index.tsx

@@ -3,12 +3,15 @@
 import clsx from "clsx";
 import { useMemo, useRef } from "react";
 import { useFormContext } from "react-hook-form";
+import { z } from "zod";
 import { useUniversitySearch } from "@/apis/universities";
 import BlockBtn from "@/components/button/BlockBtn";
 
 import { mentorRegionList } from "@/constants/regions";
 import { toast } from "@/lib/zustand/useToastStore";
-import type { MentorApplicationFormData } from "../../_lib/schema";
+import { mentorApplicationSchema } from "../../_lib/schema";
+
+type FormValues = z.input<typeof mentorApplicationSchema>;
 
 type UniversityScreenProps = {
   onNext: () => void;
@@ -20,7 +23,7 @@ const UniversityScreen = ({ onNext }: UniversityScreenProps) => {
     setValue,
     trigger,
     formState: { errors },
-  } = useFormContext<MentorApplicationFormData>();
+  } = useFormContext<FormValues>();
 
   const fileInputRef = useRef<HTMLInputElement>(null);
 

apps/web/src/app/my/apply-mentor/_lib/schema.ts

@@ -1,28 +1,30 @@
 import { z } from "zod";
 
+const verificationFileSchema = z
+  .union([z.instanceof(File), z.null(), z.undefined()])
+  .refine((file) => file !== null && file !== undefined, {
+    message: "증명 서류(파일)를 업로드해 주세요.",
+  })
+  .refine(
+    (file) => {
+      if (!file) return false;
+      const allowedTypes = ["image/png", "image/jpeg", "image/jpg", "application/pdf"];
+      return allowedTypes.includes(file.type);
+    },
+    {
+      message: "파일 형식은 png, jpg, pdf만 허용됩니다.",
+    },
+  )
+  .transform((file) => file!);
+
 export const mentorApplicationSchema = z.object({
   // Step 1: 관심 국가
   interestedCountries: z.array(z.string()).min(1, "관심 국가를 하나 이상 선택해주세요."),
 
   // Step 2: 수학 학교
   country: z.string().min(1, "국가를 선택해주세요."),
   universityName: z.string().min(1, "학교를 선택해주세요."),
-  verificationFile: z
-    .instanceof(File)
-    .nullable()
-    .refine((file) => file !== null, {
-      message: "증명 서류(파일)를 업로드해 주세요.",
-    })
-    .refine(
-      (file) => {
-        if (!file) return false;
-        const allowedTypes = ["image/png", "image/jpeg", "image/jpg", "application/pdf"];
-        return allowedTypes.includes(file.type);
-      },
-      {
-        message: "파일 형식은 png, jpg, pdf만 허용됩니다.",
-      },
-    ),
+  verificationFile: verificationFileSchema,
 
   // Step 3: 준비 단계
   studyStatus: z.enum(["PLANNING", "STUDYING", "COMPLETED"], {

apps/web/src/app/my/apply-mentor/page.tsx

@@ -4,6 +4,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
+import { z } from "zod";
 import { usePostMentorApplication } from "@/apis/mentor";
 import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
 import { Progress } from "@/components/ui/Progress";
@@ -12,19 +13,22 @@ import CompletionScreen from "./_components/CompletionScreen";
 import InterestCountriesScreen from "./_components/InterestCountriesScreen";
 import StudyStatusScreen from "./_components/StudyStatusScreen";
 import UniversityScreen from "./_components/UniversityScreen";
-import { type MentorApplicationFormData, mentorApplicationSchema } from "./_lib/schema";
+import { mentorApplicationSchema } from "./_lib/schema";
+
+type FormInputValues = z.input<typeof mentorApplicationSchema>;
+type FormOutputValues = z.output<typeof mentorApplicationSchema>;
 
 const ApplyMentorPage = () => {
   const router = useRouter();
   const [step, setStep] = useState<number>(1);
 
-  const methods = useForm<MentorApplicationFormData>({
+  const methods = useForm<FormInputValues>({
     resolver: zodResolver(mentorApplicationSchema),
     defaultValues: {
       interestedCountries: [],
       country: "",
       universityName: "",
-      verificationFile: undefined as any,
+      verificationFile: undefined,
       studyStatus: undefined,
     },
     mode: "onChange",
@@ -42,12 +46,7 @@ const ApplyMentorPage = () => {
 
   const progress = ((step - 1) / 3) * 100;
 
-  const onSubmit = methods.handleSubmit((data) => {
-    if (!data.verificationFile) {
-      toast.error("증명서 파일을 업로드해주세요.");
-      return;
-    }
-
+  const onSubmit = methods.handleSubmit((data: FormOutputValues) => {
     postMentorApplication(
       {
         interestedCountries: data.interestedCountries,
@@ -59,7 +58,7 @@ const ApplyMentorPage = () => {
       {
         onSuccess: () => {
           toast.success("멘토 신청이 완료되었습니다.");
-          goNextStep(); // Go to completion screen
+          goNextStep();
         },
       },
     );