diff --git a/apps/web/src/apis/Auth/postAppleAuth.ts b/apps/web/src/apis/Auth/postAppleAuth.ts
index c62cfdd9..900d27d5 100644
--- a/apps/web/src/apis/Auth/postAppleAuth.ts
+++ b/apps/web/src/apis/Auth/postAppleAuth.ts
@@ -11,33 +11,36 @@ import { type AppleAuthRequest, type AppleAuthResponse, authApi } from "./api";
  * @description 애플 로그인을 위한 useMutation 커스텀 훅
  */
 const usePostAppleAuth = () => {
-  const router = useRouter();
-  const searchParams = useSearchParams();
+	const router = useRouter();
+	const searchParams = useSearchParams();
 
-  return useMutation<AppleAuthResponse, AxiosError, AppleAuthRequest>({
-    mutationFn: (data) => authApi.postAppleAuth(data),
-    onSuccess: (data) => {
-      if (data.isRegistered) {
-        // 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
-        // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
-        useAuthStore.getState().setAccessToken(data.accessToken);
+	return useMutation<AppleAuthResponse, AxiosError, AppleAuthRequest>({
+		mutationFn: (data) => authApi.postAppleAuth(data),
+		onSuccess: (data) => {
+			if (data.isRegistered) {
+				// 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
+				// refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+				useAuthStore.getState().setAccessToken(data.accessToken);
 
-        // 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
-        const redirectParam = searchParams.get("redirect");
-        const safeRedirect = validateSafeRedirect(redirectParam);
+				// 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
+				const redirectParam = searchParams.get("redirect");
+				const safeRedirect = validateSafeRedirect(redirectParam);
 
-        toast.success("로그인에 성공했습니다.");
-        router.replace(safeRedirect);
-      } else {
-        // 새로운 회원일 시 - 회원가입 페이지로 이동
-        router.push(`/sign-up?token=${data.signUpToken}`);
-      }
-    },
-    onError: () => {
-      toast.error("애플 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
-      router.push("/login");
-    },
-  });
+				toast.success("로그인에 성공했습니다.");
+
+				setTimeout(() => {
+					router.push(safeRedirect);
+				}, 100);
+			} else {
+				// 새로운 회원일 시 - 회원가입 페이지로 이동
+				router.push(`/sign-up?token=${data.signUpToken}`);
+			}
+		},
+		onError: () => {
+			toast.error("애플 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
+			router.push("/login");
+		},
+	});
 };
 
 export default usePostAppleAuth;
diff --git a/apps/web/src/apis/Auth/postEmailLogin.ts b/apps/web/src/apis/Auth/postEmailLogin.ts
index 1597a15c..ec02db46 100644
--- a/apps/web/src/apis/Auth/postEmailLogin.ts
+++ b/apps/web/src/apis/Auth/postEmailLogin.ts
@@ -29,7 +29,12 @@ const usePostEmailAuth = () => {
       const safeRedirect = validateSafeRedirect(redirectParam);
 
       toast.success("로그인에 성공했습니다.");
-      router.replace(safeRedirect);
+
+      // Zustand persist middleware가 localStorage에 저장할 시간을 보장
+      // 토큰 저장 후 리다이렉트하여 타이밍 이슈 방지
+      setTimeout(() => {
+        router.push(safeRedirect);
+      }, 100);
     },
   });
 };
diff --git a/apps/web/src/apis/Auth/postKakaoAuth.ts b/apps/web/src/apis/Auth/postKakaoAuth.ts
index ee5e22b6..40894959 100644
--- a/apps/web/src/apis/Auth/postKakaoAuth.ts
+++ b/apps/web/src/apis/Auth/postKakaoAuth.ts
@@ -11,34 +11,37 @@ import { authApi, type KakaoAuthRequest, type KakaoAuthResponse } from "./api";
  * @description 카카오 로그인을 위한 useMutation 커스텀 훅
  */
 const usePostKakaoAuth = () => {
-  const { setAccessToken } = useAuthStore();
-  const router = useRouter();
-  const searchParams = useSearchParams();
+	const { setAccessToken } = useAuthStore();
+	const router = useRouter();
+	const searchParams = useSearchParams();
 
-  return useMutation<KakaoAuthResponse, AxiosError, KakaoAuthRequest>({
-    mutationFn: (data) => authApi.postKakaoAuth(data),
-    onSuccess: (data) => {
-      if (data.isRegistered) {
-        // 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
-        // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
-        setAccessToken(data.accessToken);
+	return useMutation<KakaoAuthResponse, AxiosError, KakaoAuthRequest>({
+		mutationFn: (data) => authApi.postKakaoAuth(data),
+		onSuccess: (data) => {
+			if (data.isRegistered) {
+				// 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
+				// refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+				setAccessToken(data.accessToken);
 
-        // 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
-        const redirectParam = searchParams.get("redirect");
-        const safeRedirect = validateSafeRedirect(redirectParam);
+				// 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
+				const redirectParam = searchParams.get("redirect");
+				const safeRedirect = validateSafeRedirect(redirectParam);
 
-        toast.success("로그인에 성공했습니다.");
-        router.replace(safeRedirect);
-      } else {
-        // 새로운 회원일 시 - 회원가입 페이지로 이동
-        router.push(`/sign-up?token=${data.signUpToken}`);
-      }
-    },
-    onError: () => {
-      toast.error("카카오 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
-      router.push("/login");
-    },
-  });
+				toast.success("로그인에 성공했습니다.");
+
+				setTimeout(() => {
+					router.push(safeRedirect);
+				}, 100);
+			} else {
+				// 새로운 회원일 시 - 회원가입 페이지로 이동
+				router.push(`/sign-up?token=${data.signUpToken}`);
+			}
+		},
+		onError: () => {
+			toast.error("카카오 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
+			router.push("/login");
+		},
+	});
 };
 
 export default usePostKakaoAuth;
diff --git a/apps/web/src/apis/universities/server/getRecommendedUniversity.ts b/apps/web/src/apis/universities/server/getRecommendedUniversity.ts
index c58305df..3950cfe5 100644
--- a/apps/web/src/apis/universities/server/getRecommendedUniversity.ts
+++ b/apps/web/src/apis/universities/server/getRecommendedUniversity.ts
@@ -4,10 +4,15 @@ import serverFetch from "@/utils/serverFetchUtil";
 type GetRecommendedUniversityResponse = { recommendedUniversities: ListUniversity[] };
 
 const getRecommendedUniversity = async () => {
-  const endpoint = "/univ-apply-infos/recommend";
+	const endpoint = "/univ-apply-infos/recommend";
 
-  const res = await serverFetch<GetRecommendedUniversityResponse>(endpoint);
-  return res;
+	const res = await serverFetch<GetRecommendedUniversityResponse>(endpoint);
+
+	if (!res.ok) {
+		console.error(`Failed to fetch recommended universities:`, res.error);
+	}
+
+	return res;
 };
 
 export default getRecommendedUniversity;
diff --git a/apps/web/src/apis/universities/server/getSearchUniversitiesByFilter.ts b/apps/web/src/apis/universities/server/getSearchUniversitiesByFilter.ts
index cfd8f204..2b6ba386 100644
--- a/apps/web/src/apis/universities/server/getSearchUniversitiesByFilter.ts
+++ b/apps/web/src/apis/universities/server/getSearchUniversitiesByFilter.ts
@@ -3,48 +3,60 @@ import type { CountryCode, LanguageTestType, ListUniversity } from "@/types/univ
 import serverFetch from "@/utils/serverFetchUtil";
 
 interface UniversitySearchResponse {
-  univApplyInfoPreviews: ListUniversity[];
+	univApplyInfoPreviews: ListUniversity[];
 }
 
 /**
  * 필터 검색에 사용될 파라미터 타입
  */
 export interface UniversitySearchFilterParams {
-  languageTestType?: LanguageTestType;
-  testScore?: number;
-  countryCode?: CountryCode[];
+	languageTestType?: LanguageTestType;
+	testScore?: number;
+	countryCode?: CountryCode[];
 }
 
 export const getSearchUniversitiesByFilter = async (
-  filters: UniversitySearchFilterParams,
+	filters: UniversitySearchFilterParams,
 ): Promise<ListUniversity[]> => {
-  const params = new URLSearchParams();
-
-  if (filters.languageTestType) {
-    params.append("languageTestType", filters.languageTestType);
-  }
-  if (filters.testScore !== undefined) {
-    params.append("testScore", String(filters.testScore));
-  }
-  // countryCode는 여러 개일 수 있으므로 각각 append 해줍니다.
-  if (filters.countryCode) {
-    filters.countryCode.forEach((code) => params.append("countryCode", code));
-  }
-
-  // 필터 값이 하나도 없으면 빈 배열을 반환합니다.
-  if (params.size === 0) {
-    return [];
-  }
-
-  const endpoint = `/univ-apply-infos/search/filter?${params.toString()}`;
-  const response = await serverFetch<UniversitySearchResponse>(endpoint);
-
-  return response.ok ? response.data.univApplyInfoPreviews : [];
+	const params = new URLSearchParams();
+
+	if (filters.languageTestType) {
+		params.append("languageTestType", filters.languageTestType);
+	}
+	if (filters.testScore !== undefined) {
+		params.append("testScore", String(filters.testScore));
+	}
+	// countryCode는 여러 개일 수 있으므로 각각 append 해줍니다.
+	if (filters.countryCode) {
+		filters.countryCode.forEach((code) => params.append("countryCode", code));
+	}
+
+	// 필터 값이 하나도 없으면 빈 배열을 반환합니다.
+	if (params.size === 0) {
+		return [];
+	}
+
+	const endpoint = `/univ-apply-infos/search/filter?${params.toString()}`;
+	const response = await serverFetch<UniversitySearchResponse>(endpoint);
+
+	if (!response.ok) {
+		console.error(`Failed to search universities by filter:`, response.error);
+		return [];
+	}
+
+	return response.data.univApplyInfoPreviews;
 };
 
-export const getSearchUniversitiesAllRegions = async (): Promise<ListUniversity[]> => {
-  const endpoint = `/univ-apply-infos/search/filter`;
-  const response = await serverFetch<UniversitySearchResponse>(endpoint);
+export const getSearchUniversitiesAllRegions = async (): Promise<
+	ListUniversity[]
+> => {
+	const endpoint = `/univ-apply-infos/search/filter`;
+	const response = await serverFetch<UniversitySearchResponse>(endpoint);
 
-  return response.ok ? response.data.univApplyInfoPreviews : [];
+	if (!response.ok) {
+		console.error(`Failed to fetch all regions universities:`, response.error);
+		return [];
+	}
+
+	return response.data.univApplyInfoPreviews;
 };
diff --git a/apps/web/src/apis/universities/server/getSearchUniversitiesByText.ts b/apps/web/src/apis/universities/server/getSearchUniversitiesByText.ts
index d8a63904..92f4b362 100644
--- a/apps/web/src/apis/universities/server/getSearchUniversitiesByText.ts
+++ b/apps/web/src/apis/universities/server/getSearchUniversitiesByText.ts
@@ -3,42 +3,54 @@ import serverFetch from "@/utils/serverFetchUtil";
 
 // --- 타입 정의 ---
 interface UniversitySearchResponse {
-  univApplyInfoPreviews: ListUniversity[];
+	univApplyInfoPreviews: ListUniversity[];
 }
 
-export const getUniversitiesByText = async (value: string): Promise<ListUniversity[]> => {
-  if (value === null || value === undefined) {
-    return [];
-  }
-  const endpoint = `/univ-apply-infos/search/text?value=${encodeURIComponent(value)}`;
-  const response = await serverFetch<UniversitySearchResponse>(endpoint);
-  return response.ok ? response.data.univApplyInfoPreviews : [];
+export const getUniversitiesByText = async (
+	value: string,
+): Promise<ListUniversity[]> => {
+	if (value === null || value === undefined) {
+		return [];
+	}
+	const endpoint = `/univ-apply-infos/search/text?value=${encodeURIComponent(value)}`;
+	const response = await serverFetch<UniversitySearchResponse>(endpoint);
+
+	if (!response.ok) {
+		console.error(
+			`Failed to search universities by text (value: "${value}"):`,
+			response.error,
+		);
+		return [];
+	}
+
+	return response.data.univApplyInfoPreviews;
 };
 
 export const getAllUniversities = async (): Promise<ListUniversity[]> => {
-  return getUniversitiesByText("");
+	return getUniversitiesByText("");
 };
 
-export const getCategorizedUniversities = async (): Promise<AllRegionsUniversityList> => {
-  // 1. 단 한 번의 API 호출로 모든 대학 데이터를 가져옵니다.
-  const allUniversities = await getAllUniversities();
-
-  const categorizedList: AllRegionsUniversityList = {
-    [RegionEnumExtend.ALL]: allUniversities,
-    [RegionEnumExtend.AMERICAS]: [],
-    [RegionEnumExtend.EUROPE]: [],
-    [RegionEnumExtend.ASIA]: [],
-    [RegionEnumExtend.CHINA]: [],
-  };
-  if (!allUniversities) return categorizedList;
-
-  for (const university of allUniversities) {
-    const region = university.region as RegionEnumExtend; // API 응답의 region 타입을 enum으로 간주
-
-    if (region && Object.hasOwn(categorizedList, region)) {
-      categorizedList[region].push(university);
-    }
-  }
-
-  return categorizedList;
-};
+export const getCategorizedUniversities =
+	async (): Promise<AllRegionsUniversityList> => {
+		// 1. 단 한 번의 API 호출로 모든 대학 데이터를 가져옵니다.
+		const allUniversities = await getAllUniversities();
+
+		const categorizedList: AllRegionsUniversityList = {
+			[RegionEnumExtend.ALL]: allUniversities,
+			[RegionEnumExtend.AMERICAS]: [],
+			[RegionEnumExtend.EUROPE]: [],
+			[RegionEnumExtend.ASIA]: [],
+			[RegionEnumExtend.CHINA]: [],
+		};
+		if (!allUniversities) return categorizedList;
+
+		for (const university of allUniversities) {
+			const region = university.region as RegionEnumExtend; // API 응답의 region 타입을 enum으로 간주
+
+			if (region && Object.hasOwn(categorizedList, region)) {
+				categorizedList[region].push(university);
+			}
+		}
+
+		return categorizedList;
+	};
diff --git a/apps/web/src/apis/universities/server/getUniversityDetail.ts b/apps/web/src/apis/universities/server/getUniversityDetail.ts
index 9990fec4..785c151c 100644
--- a/apps/web/src/apis/universities/server/getUniversityDetail.ts
+++ b/apps/web/src/apis/universities/server/getUniversityDetail.ts
@@ -4,5 +4,10 @@ import serverFetch from "@/utils/serverFetchUtil";
 export const getUniversityDetail = async (universityInfoForApplyId: number): Promise<University | undefined> => {
   const result = await serverFetch<University>(`/univ-apply-infos/${universityInfoForApplyId}`);
 
+  if (!result.ok) {
+    console.error(`Failed to fetch university detail (ID: ${universityInfoForApplyId}):`, result.error);
+    return undefined;
+  }
+
   return result.data;
 };
diff --git a/apps/web/src/app/my/modify/_ui/ModifyContent/index.tsx b/apps/web/src/app/my/modify/_ui/ModifyContent/index.tsx
index 517cc3ae..197ca9d7 100644
--- a/apps/web/src/app/my/modify/_ui/ModifyContent/index.tsx
+++ b/apps/web/src/app/my/modify/_ui/ModifyContent/index.tsx
@@ -11,62 +11,85 @@ import InputField from "./_ui/InputFiled";
 import ReadOnlyField from "./_ui/ReadOnlyField";
 
 const ModifyContent = () => {
-  const { methods, myInfo, onSubmit } = useModifyUserHookform();
+	const { methods, myInfo, onSubmit } = useModifyUserHookform();
 
-  const defaultUniversity: string =
-    myInfo?.role === UserRole.MENTOR && myInfo.attendedUniversity ? myInfo.attendedUniversity : "인하대학교";
+	const defaultUniversity: string =
+		(myInfo?.role === UserRole.MENTOR || myInfo?.role === UserRole.ADMIN) &&
+		myInfo.attendedUniversity
+			? myInfo.attendedUniversity
+			: "인하대학교";
 
-  const {
-    handleSubmit,
-    formState: { isValid, isDirty },
-  } = methods;
+	const {
+		handleSubmit,
+		formState: { isValid, isDirty },
+	} = methods;
 
-  if (!myInfo) {
-    return <CloudSpinnerPage />;
-  }
-  return (
-    <FormProvider {...methods}>
-      <div className="px-5 py-6">
-        <form onSubmit={handleSubmit(onSubmit)} className="space-y-6">
-          {/* Profile Image Section */}
-          <ImageInputFiled initImagePreview={myInfo.profileImageUrl ?? null} />
+	if (!myInfo) {
+		return <CloudSpinnerPage />;
+	}
+	return (
+		<FormProvider {...methods}>
+			<div className="px-5 py-6">
+				<form onSubmit={handleSubmit(onSubmit)} className="space-y-6">
+					{/* Profile Image Section */}
+					<ImageInputFiled initImagePreview={myInfo.profileImageUrl ?? null} />
 
-          {/* Form Fields */}
-          <div className="space-y-2">
-            {/* 닉네임 - 수정 가능 */}
-            <InputField name="nickname" label="닉네임" placeholder="닉네임을 입력해주세요" />
+					{/* Form Fields */}
+					<div className="space-y-2">
+						{/* 닉네임 - 수정 가능 */}
+						<InputField
+							name="nickname"
+							label="닉네임"
+							placeholder="닉네임을 입력해주세요"
+						/>
 
-            {/* 출신학교 - 읽기 전용 */}
-            <ReadOnlyField label="출신학교" value={defaultUniversity} placeholder="서울대학교" />
+						{/* 출신학교 - 읽기 전용 */}
+						<ReadOnlyField
+							label="출신학교"
+							value={defaultUniversity}
+							placeholder="서울대학교"
+						/>
 
-            {/* 수학 학교 - 읽기 전용 */}
-            <ReadOnlyField label="수학 학교" value="컴퓨터공학과" placeholder="전공" />
+						{/* 수학 학교 - 읽기 전용 */}
+						<ReadOnlyField
+							label="수학 학교"
+							value="컴퓨터공학과"
+							placeholder="전공"
+						/>
 
-            {/* 사용자 유형 - 읽기 전용 */}
-            <ReadOnlyField
-              label="사용자 유형"
-              value={myInfo.role === UserRole.MENTOR ? "멘토" : "멘티"}
-              placeholder="멘티"
-            />
-          </div>
+						{/* 사용자 유형 - 읽기 전용 */}
+						<ReadOnlyField
+							label="사용자 유형"
+							value={
+								myInfo.role === UserRole.ADMIN
+									? "어드민"
+									: myInfo.role === UserRole.MENTOR
+										? "멘토"
+										: "멘티"
+							}
+							placeholder="멘티"
+						/>
+					</div>
 
-          {/* Submit Button */}
-          <div className="pt-6">
-            <button
-              type="submit"
-              disabled={!isValid || !isDirty}
-              className={clsx(
-                "w-full rounded-lg py-4 text-white transition-colors typo-sb-9",
-                isValid && isDirty ? "bg-primary hover:bg-primary-600" : "cursor-not-allowed bg-k-400",
-              )}
-            >
-              저장하기
-            </button>
-          </div>
-        </form>
-      </div>
-    </FormProvider>
-  );
+					{/* Submit Button */}
+					<div className="pt-6">
+						<button
+							type="submit"
+							disabled={!isValid || !isDirty}
+							className={clsx(
+								"w-full rounded-lg py-4 text-white transition-colors typo-sb-9",
+								isValid && isDirty
+									? "bg-primary hover:bg-primary-600"
+									: "cursor-not-allowed bg-k-400",
+							)}
+						>
+							저장하기
+						</button>
+					</div>
+				</form>
+			</div>
+		</FormProvider>
+	);
 };
 
 export default ModifyContent;
diff --git a/apps/web/src/components/login/signup/SignupSurvey.tsx b/apps/web/src/components/login/signup/SignupSurvey.tsx
index a5bd7c72..fb59fab5 100644
--- a/apps/web/src/components/login/signup/SignupSurvey.tsx
+++ b/apps/web/src/components/login/signup/SignupSurvey.tsx
@@ -16,154 +16,167 @@ import SignupProfileScreen from "./SignupProfileScreen";
 import SignupRegionScreen from "./SignupRegionScreen";
 
 type SignupSurveyProps = {
-  baseNickname: string;
-  baseEmail: string;
-  baseProfileImageUrl: string;
+	baseNickname: string;
+	baseEmail: string;
+	baseProfileImageUrl: string;
 };
 
-const SignupSurvey = ({ baseNickname, baseEmail, baseProfileImageUrl }: SignupSurveyProps) => {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-
-  const signUpToken = searchParams?.get("token");
-  if (!signUpToken) {
-    router.push("/login");
-  }
-  const { setAccessToken } = useAuthStore();
-  const [curStage, setCurStage] = useState<number>(1);
-  const [curProgress, setCurProgress] = useState<number>(0);
-
-  const [curPreparation, setCurPreparation] = useState<PreparationStatus | null>(null);
-
-  const [region, setRegion] = useState<RegionKo | "아직 잘 모르겠어요" | null>(null);
-  const [countries, setCountries] = useState<string[]>([]);
-
-  const [nickname, setNickname] = useState<string>(baseNickname);
-  const [profileImageFile, setProfileImageFile] = useState<File | null>(null);
-
-  const signUpMutation = usePostSignUp();
-  const uploadImageMutation = useUploadProfileImagePublic();
-
-  useEffect(() => {
-    setCurProgress(((curStage - 1) / 3) * 100);
-  }, [curStage]);
-
-  const createRegisterRequest = async (): Promise<SignUpRequest> => {
-    const submitRegion: RegionKo[] = region === "아직 잘 모르겠어요" ? [] : [region as RegionKo];
-
-    if (!curPreparation) {
-      throw new Error("준비 단계를 선택해주세요");
-    }
-
-    let imageUrl: string | null = baseProfileImageUrl;
-
-    if (profileImageFile) {
-      try {
-        const result = await uploadImageMutation.mutateAsync(profileImageFile);
-        imageUrl = result.fileUrl;
-      } catch (err: unknown) {
-        const error = err as { message?: string };
-        console.error("Error", error.message);
-        // toast.error는 hook의 onError에서 이미 처리되므로 중복 호출 제거
-      }
-    }
-
-    return {
-      signUpToken: signUpToken as string,
-      interestedRegions: submitRegion,
-      interestedCountries: countries,
-      preparationStatus: curPreparation,
-      nickname,
-      profileImageUrl: imageUrl,
-    };
-  };
-
-  const submitRegisterRequest = async () => {
-    try {
-      const registerRequest = await createRegisterRequest();
-      signUpMutation.mutate(registerRequest, {
-        onSuccess: (data) => {
-          setAccessToken(data.accessToken);
-          toast.success("회원가입이 완료되었습니다.");
-          router.push("/");
-        },
-        onError: (error: unknown) => {
-          const axiosError = error as {
-            response?: { data?: { message?: string } };
-            message?: string;
-          };
-          if (axiosError.response) {
-            console.error("Axios response error", axiosError.response);
-            toast.error(axiosError.response.data?.message || "회원가입에 실패했습니다.");
-          } else {
-            console.error("Error", axiosError.message);
-            toast.error(axiosError.message || "회원가입에 실패했습니다.");
-          }
-        },
-      });
-    } catch (err: unknown) {
-      const error = err as { message?: string };
-      console.error("Error", error.message);
-      toast.error(error.message || "회원가입에 실패했습니다.");
-    }
-  };
-
-  const renderCurrentSurvey = () => {
-    switch (curStage) {
-      case 1:
-        return (
-          <SignupPolicyScreen
-            toNextStage={() => {
-              setCurStage(2);
-            }}
-          />
-        );
-      case 2:
-        return (
-          <SignupPrepareScreen
-            preparation={curPreparation}
-            setPreparation={setCurPreparation}
-            toNextStage={() => {
-              setCurStage(3);
-            }}
-          />
-        );
-      case 3:
-        return (
-          <SignupRegionScreen
-            curRegion={region}
-            setCurRegion={setRegion}
-            curCountries={countries}
-            setCurCountries={setCountries}
-            toNextStage={() => {
-              setCurStage(4);
-            }}
-          />
-        );
-      case 4:
-        return (
-          <SignupProfileScreen
-            toNextStage={submitRegisterRequest}
-            nickname={nickname}
-            setNickname={setNickname}
-            defaultProfileImageUrl={baseProfileImageUrl}
-            profileImageFile={profileImageFile}
-            setProfileImageFile={setProfileImageFile}
-          />
-        );
-      default:
-        return <div>회원 가입이 완료되었습니다</div>;
-    }
-  };
-
-  return (
-    <div>
-      <div className="mt-8 px-5">
-        <Progress value={curProgress} />
-      </div>
-      {renderCurrentSurvey()}
-    </div>
-  );
+const SignupSurvey = ({
+	baseNickname,
+	baseEmail,
+	baseProfileImageUrl,
+}: SignupSurveyProps) => {
+	const router = useRouter();
+	const searchParams = useSearchParams();
+
+	const signUpToken = searchParams?.get("token");
+	if (!signUpToken) {
+		router.push("/login");
+	}
+	const { setAccessToken } = useAuthStore();
+	const [curStage, setCurStage] = useState<number>(1);
+	const [curProgress, setCurProgress] = useState<number>(0);
+
+	const [curPreparation, setCurPreparation] =
+		useState<PreparationStatus | null>(null);
+
+	const [region, setRegion] = useState<RegionKo | "아직 잘 모르겠어요" | null>(
+		null,
+	);
+	const [countries, setCountries] = useState<string[]>([]);
+
+	const [nickname, setNickname] = useState<string>(baseNickname);
+	const [profileImageFile, setProfileImageFile] = useState<File | null>(null);
+
+	const signUpMutation = usePostSignUp();
+	const uploadImageMutation = useUploadProfileImagePublic();
+
+	useEffect(() => {
+		setCurProgress(((curStage - 1) / 3) * 100);
+	}, [curStage]);
+
+	const createRegisterRequest = async (): Promise<SignUpRequest> => {
+		const submitRegion: RegionKo[] =
+			region === "아직 잘 모르겠어요" ? [] : [region as RegionKo];
+
+		if (!curPreparation) {
+			throw new Error("준비 단계를 선택해주세요");
+		}
+
+		let imageUrl: string | null = baseProfileImageUrl;
+
+		if (profileImageFile) {
+			try {
+				const result = await uploadImageMutation.mutateAsync(profileImageFile);
+				imageUrl = result.fileUrl;
+			} catch (err: unknown) {
+				const error = err as { message?: string };
+				console.error("Error", error.message);
+				// toast.error는 hook의 onError에서 이미 처리되므로 중복 호출 제거
+			}
+		}
+
+		return {
+			signUpToken: signUpToken as string,
+			interestedRegions: submitRegion,
+			interestedCountries: countries,
+			preparationStatus: curPreparation,
+			nickname,
+			profileImageUrl: imageUrl,
+		};
+	};
+
+	const submitRegisterRequest = async () => {
+		try {
+			const registerRequest = await createRegisterRequest();
+			signUpMutation.mutate(registerRequest, {
+				onSuccess: (data) => {
+					setAccessToken(data.accessToken);
+					toast.success("회원가입이 완료되었습니다.");
+
+					setTimeout(() => {
+						router.push("/");
+					}, 100);
+				},
+				onError: (error: unknown) => {
+					const axiosError = error as {
+						response?: { data?: { message?: string } };
+						message?: string;
+					};
+					if (axiosError.response) {
+						console.error("Axios response error", axiosError.response);
+						toast.error(
+							axiosError.response.data?.message || "회원가입에 실패했습니다.",
+						);
+					} else {
+						console.error("Error", axiosError.message);
+						toast.error(axiosError.message || "회원가입에 실패했습니다.");
+					}
+				},
+			});
+		} catch (err: unknown) {
+			const error = err as { message?: string };
+			console.error("Error", error.message);
+			toast.error(error.message || "회원가입에 실패했습니다.");
+		}
+	};
+
+	const renderCurrentSurvey = () => {
+		switch (curStage) {
+			case 1:
+				return (
+					<SignupPolicyScreen
+						toNextStage={() => {
+							setCurStage(2);
+						}}
+					/>
+				);
+			case 2:
+				return (
+					<SignupPrepareScreen
+						preparation={curPreparation}
+						setPreparation={setCurPreparation}
+						toNextStage={() => {
+							setCurStage(3);
+						}}
+					/>
+				);
+			case 3:
+				return (
+					<SignupRegionScreen
+						curRegion={region}
+						setCurRegion={setRegion}
+						curCountries={countries}
+						setCurCountries={setCountries}
+						toNextStage={() => {
+							setCurStage(4);
+						}}
+					/>
+				);
+			case 4:
+				return (
+					<SignupProfileScreen
+						toNextStage={submitRegisterRequest}
+						nickname={nickname}
+						setNickname={setNickname}
+						defaultProfileImageUrl={baseProfileImageUrl}
+						profileImageFile={profileImageFile}
+						setProfileImageFile={setProfileImageFile}
+					/>
+				);
+			default:
+				return <div>회원 가입이 완료되었습니다</div>;
+		}
+	};
+
+	return (
+		<div>
+			<div className="mt-8 px-5">
+				<Progress value={curProgress} />
+			</div>
+			{renderCurrentSurvey()}
+		</div>
+	);
 };
 
 export default SignupSurvey;
diff --git a/apps/web/src/components/mentor/MentorApplyCountContent/index.tsx b/apps/web/src/components/mentor/MentorApplyCountContent/index.tsx
index ceb33b64..24aeb0b5 100644
--- a/apps/web/src/components/mentor/MentorApplyCountContent/index.tsx
+++ b/apps/web/src/components/mentor/MentorApplyCountContent/index.tsx
@@ -8,54 +8,58 @@ import { UserRole } from "@/types/mentor";
 import { tokenParse } from "@/utils/jwtUtils";
 
 const MentorApplyCountContent = () => {
-  // 로그인 된경우에만 신규 신청 카운트 모달 표시
-  const { accessToken, isLoading } = useAuthStore();
-  const isMentor =
-    tokenParse(accessToken)?.role === UserRole.MENTOR || tokenParse(accessToken)?.role === UserRole.ADMIN;
-
-  const { data: count, isSuccess } = useGetMentoringUncheckedCount(!!accessToken && isMentor && !isLoading);
-
-  const [isModalOpen, setIsModalOpen] = useState<boolean>(true);
-
-  // 신규 신청 없으면 표시
-  if (!isMentor || isLoading || !isSuccess || !isModalOpen || count === 0) return null;
-
-  return (
-    <div className="fixed left-1/2 top-16 z-50 w-[80%] max-w-md -translate-x-1/2 rounded-xl bg-secondary px-6 py-4 text-white shadow-md">
-      {/* close button */}
-      <button
-        type="button"
-        onClick={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          setIsModalOpen(false);
-        }}
-        className="absolute right-3 top-3 text-white/80 hover:text-white"
-        aria-label="닫기"
-      >
-        ✕
-      </button>
-      <Link href={`/mentor`} onClick={() => setIsModalOpen(false)}>
-        <div className="flex items-center">
-          {/* left: message */}
-          <div className="flex-1">
-            <h2 className="typo-sb-11">알림</h2>
-            <p className="mt-1 typo-regular-2">새로운 요청이 들어왔어요!</p>
-            <p className="typo-regular-2">어서 요청을 수락해주세요.</p>
-          </div>
-
-          {/* divider */}
-          <div className="mx-4 h-12 w-px bg-k-300" />
-
-          {/* right: count */}
-          <div className="min-w-[80px] text-center">
-            <span className="typo-regular-4">신규 신청</span>
-            <div className="typo-bold-1">{count}명</div>
-          </div>
-        </div>
-      </Link>
-    </div>
-  );
+	// 로그인 된경우에만 신규 신청 카운트 모달 표시
+	const { accessToken, isInitialized } = useAuthStore();
+	const isMentor =
+		tokenParse(accessToken)?.role === UserRole.MENTOR ||
+		tokenParse(accessToken)?.role === UserRole.ADMIN;
+
+	const { data: count, isSuccess } = useGetMentoringUncheckedCount(
+		isInitialized && !!accessToken && isMentor,
+	);
+
+	const [isModalOpen, setIsModalOpen] = useState<boolean>(true);
+
+	// 신규 신청 없으면 표시
+	if (!isInitialized || !isMentor || !isSuccess || !isModalOpen || count === 0)
+		return null;
+
+	return (
+		<div className="fixed left-1/2 top-16 z-50 w-[80%] max-w-md -translate-x-1/2 rounded-xl bg-secondary px-6 py-4 text-white shadow-md">
+			{/* close button */}
+			<button
+				type="button"
+				onClick={(e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					setIsModalOpen(false);
+				}}
+				className="absolute right-3 top-3 text-white/80 hover:text-white"
+				aria-label="닫기"
+			>
+				✕
+			</button>
+			<Link href={`/mentor`} onClick={() => setIsModalOpen(false)}>
+				<div className="flex items-center">
+					{/* left: message */}
+					<div className="flex-1">
+						<h2 className="typo-sb-11">알림</h2>
+						<p className="mt-1 typo-regular-2">새로운 요청이 들어왔어요!</p>
+						<p className="typo-regular-2">어서 요청을 수락해주세요.</p>
+					</div>
+
+					{/* divider */}
+					<div className="mx-4 h-12 w-px bg-k-300" />
+
+					{/* right: count */}
+					<div className="min-w-[80px] text-center">
+						<span className="typo-regular-4">신규 신청</span>
+						<div className="typo-bold-1">{count}명</div>
+					</div>
+				</div>
+			</Link>
+		</div>
+	);
 };
 
 export default MentorApplyCountContent;