Merge pull request #17 from DguFarmSystem/fix/#16

fix: TypeScript 타입 오류 수정 및 API 응답 타입 개선

Author: dewbeeny

package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "type-check": "tsc --noEmit"
   },
   "dependencies": {
     "@react-oauth/google": "^0.12.1",

src/hooks/useApplyList.ts

@@ -9,30 +9,32 @@ interface Apply {
   updatedAt: string;
 }
 
-
 export const useApplyList = (track: string | null) => {
   const [applyList, setApplyList] = useState<Apply[]>([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const accessToken = useAuthStore((state) => state.accessToken);
 
-  useEffect(() => {
-    const fetchList = async () => {
-      setLoading(true);
-      setError(null);
+useEffect(() => {
+  const fetchList = async () => {
+    if (!accessToken || !track) return; 
+
+    setLoading(true);
+    setError(null);
+
+    try {
+      const data = await fetchApplyList(accessToken, track);
+      setApplyList(data);
+    } catch (err) {
+      setError("지원서 목록을 조회하는 중 오류가 발생했습니다.");
+    } finally {
+      setLoading(false);
+    }
+  };
 
-      try {
-        const data = await fetchApplyList(accessToken, track);
-        setApplyList(data);
-      } catch (err) {
-        setError("지원서 목록을 조회하는 중 오류가 발생했습니다.");
-      } finally {
-        setLoading(false);
-      }
-    };
+  fetchList();
+}, [track, accessToken]);
 
-    fetchList();
-  }, [track, accessToken]);
 
   return { applyList, loading, error };
-};
+};

src/services/application.ts

@@ -1,19 +1,24 @@
 import apiConfig from "../config/apiConfig";
 import { Application } from "../types/application"; 
 
+interface ApiResponse<T> {
+  status: number;
+  message: string;
+  data: T;
+}
+
 export const fetchApplications = async (track?: string): Promise<Application[]> => {
   try {
-    const response = await apiConfig.get<Application[]>("/admin/apply", {
+    const response = await apiConfig.get<ApiResponse<Application[]>>("/admin/apply", {
       headers: {
         Authorization: `Bearer ${localStorage.getItem("accessToken")}`,
         Accept: "application/json",
       },
       params: track ? { track } : {},
     });
 
-    return response.data.data; // data 속성 내부 배열만 반환하는 것으로 수정했는데 'Application[]' 형식에 'data' 속성이 없다는 오류 발생.
+    return response.data.data; 
   } catch (error: any) {
     throw new Error(error.response?.data?.message || "지원서 목록 조회 실패");
   }
 };
-