feat: 작성한 지원서 확인 및 수정 API 연결 완료

Author: oriNuguri25

src/api/application.ts

@@ -0,0 +1,91 @@
+import {
+  API_URLS,
+  getAuthHeaders,
+  handleFetchResponse,
+} from "./config";
+import type {
+  RecruitmentItemType,
+  SubmitApplicationRequest,
+} from "./recruitment";
+
+export type ApplicationAnswerDetail = {
+  recruitmentItemId?: number;
+  itemType: RecruitmentItemType;
+  title: string;
+  order: number;
+  description?: string;
+  multiple?: boolean;
+  selectedOptionIds?: number[];
+  selectedOptionTitles?: string[];
+  text?: string;
+  answer?: string;
+  value?: string;
+  date?: string;
+};
+
+export type ApplicationDetailData = {
+  applicationId: number;
+  recruitmentId: number;
+  recruitmentName: string;
+  name: string;
+  email: string;
+  tel: string;
+  answers: ApplicationAnswerDetail[];
+};
+
+export type ApplicationDetailResponse = {
+  code: number;
+  message: string;
+  data: ApplicationDetailData;
+};
+
+export const getApplicationDetail = async (
+  applicationId: number
+): Promise<ApplicationDetailResponse> => {
+  const headers = getAuthHeaders();
+
+  const response = await fetch(
+    API_URLS.APPLICATION_DETAIL.replace(
+      ":applicationId",
+      String(applicationId)
+    ),
+    {
+      method: "GET",
+      headers,
+    }
+  );
+
+  return handleFetchResponse<ApplicationDetailResponse>(response);
+};
+
+export type UpdateApplicationRequest = SubmitApplicationRequest;
+
+export type UpdateApplicationResponse = {
+  code: number;
+  message: string;
+  data: {
+    applicationId: number;
+  };
+};
+
+export const updateApplication = async (
+  applicationId: number,
+  payload: UpdateApplicationRequest
+): Promise<UpdateApplicationResponse> => {
+  const headers = getAuthHeaders();
+
+  const response = await fetch(
+    API_URLS.APPLICATION_DETAIL.replace(
+      ":applicationId",
+      String(applicationId)
+    ),
+    {
+      method: "PATCH",
+      headers,
+      body: JSON.stringify(payload),
+    }
+  );
+
+  return handleFetchResponse<UpdateApplicationResponse>(response);
+};
+

src/api/auth.ts

@@ -1,6 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
-import axios from "axios";
-import { API_URLS } from "./config";
+import { API_URLS, apiClient } from "./config";
 
 export type ManagerRegisterRequest = {
   name: string;
@@ -35,8 +34,11 @@ export type ManagerLoginResponse = {
 async function registerManager(
   payload: ManagerRegisterRequest
 ): Promise<ManagerRegisterResponse> {
-  const { data } = await axios.post(API_URLS.MANAGER_REGISTER, payload, {
-    headers: { "Content-Type": "application/json", Accept: "application/json" },
+  const { data } = await apiClient.post(API_URLS.MANAGER_REGISTER, payload, {
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+    },
     withCredentials: true,
   });
 
@@ -51,8 +53,11 @@ async function registerManager(
 async function loginManager(
   payload: ManagerLoginRequest
 ): Promise<ManagerLoginResponse> {
-  const { data } = await axios.post(API_URLS.MANAGER_LOGIN, payload, {
-    headers: { "Content-Type": "application/json", Accept: "application/json" },
+  const { data } = await apiClient.post(API_URLS.MANAGER_LOGIN, payload, {
+    headers: {
+      "Content-Type": "application/json",
+      Accept: "application/json",
+    },
     withCredentials: true,
   });
 

src/api/config.ts

@@ -10,12 +10,95 @@ export const API_URLS = {
   CREATE_CLUB: "/backend/councils",
   CHANGE_COUNCIL_NAME: "/backend/councils/:councilId/names",
   GET_COUNCIL_MEMBERS: "/backend/councils/:councilId/members",
+  APPLICATIONS: "/backend/applications/:recruitmentId",
+  APPLICATION_DETAIL: "/backend/applications/:applicationId",
+  MY_APPLICATIONS: "/backend/applications/mine",
 } as const;
 
 export const getApiUrl = (endpoint: string): string => {
   return `${SERVER_URI}${endpoint}`;
 };
 
+const TOKEN_EXPIRED_CODE = 10002;
+const TOKEN_EXPIRED_MESSAGE = "만료된 토큰입니다";
+
+let hasRedirectedForTokenExpiration = false;
+
+const clearAuthTokens = () => {
+  localStorage.removeItem("accessToken");
+  localStorage.removeItem("token");
+};
+
+export const handleTokenExpiration = () => {
+  if (hasRedirectedForTokenExpiration) {
+    return;
+  }
+  hasRedirectedForTokenExpiration = true;
+  clearAuthTokens();
+  if (typeof window !== "undefined" && window.location) {
+    if (typeof window.history?.replaceState === "function") {
+      window.history.replaceState(null, "", window.location.href);
+    }
+    window.location.replace("/admin/login");
+  }
+};
+
+type TokenErrorPayload = {
+  code?: number;
+  message?: string;
+};
+
+const isTokenErrorPayload = (value: unknown): value is TokenErrorPayload => {
+  return typeof value === "object" && value !== null;
+};
+
+export const checkTokenExpiration = (payload: unknown) => {
+  if (!isTokenErrorPayload(payload)) {
+    return;
+  }
+  const { code, message } = payload;
+  if (
+    code === TOKEN_EXPIRED_CODE ||
+    (typeof message === "string" && message.includes(TOKEN_EXPIRED_MESSAGE))
+  ) {
+    handleTokenExpiration();
+  }
+};
+
+export async function handleFetchResponse<T>(response: Response): Promise<T> {
+  const text = await response.text();
+  let parsed: unknown = text;
+
+  if (text) {
+    try {
+      parsed = JSON.parse(text);
+    } catch {
+      // JSON 이 아닌 응답은 그대로 사용합니다.
+    }
+  } else {
+    parsed = {};
+  }
+
+  checkTokenExpiration(parsed);
+
+  if (!response.ok) {
+    const errorMessage =
+      typeof parsed === "object" && parsed !== null && "message" in parsed
+        ? String((parsed as { message?: string }).message ?? "")
+        : text || response.statusText;
+
+    const logPayload =
+      typeof parsed === "string" ? parsed : JSON.stringify(parsed);
+    console.error("API Error Response:", logPayload);
+
+    throw new Error(
+      `HTTP error! status: ${response.status} - ${errorMessage || logPayload}`
+    );
+  }
+
+  return parsed as T;
+}
+
 /**
  * 인증 토큰이 포함된 헤더를 반환합니다.
  */
@@ -54,3 +137,18 @@ apiClient.interceptors.request.use(
     return config;
   }
 );
+
+apiClient.interceptors.response.use(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (response: any) => {
+    checkTokenExpiration(response?.data);
+    return response;
+  },
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (error: any) => {
+    if (error?.response?.data) {
+      checkTokenExpiration(error.response.data);
+    }
+    return Promise.reject(error);
+  }
+);