[Setting/#130] ESLint warning 정리 및 any 타입 제거 리팩토링 (#133)

* fix:any타입 에러 수정중

* fix: lint 에러 수정중(중간저장목적)

* fix: lint에러 수정중(중간저장목적)

* fix: lint에러 수정중 중간 저장

* fix: lint에러 수정중 중간점검

* fix: lint 에러 수정완료

* fix: build 에러 수정

* fix: 코드래빗 수정사항 반영

* fix: 화면 오류확인해서 삭제했던 globals.css 복구

* fix: 코드래빗 수정사항 반영

Author: jjjsun

src/api/axios.ts

@@ -36,15 +36,20 @@ api.interceptors.request.use((config: InternalAxiosRequestConfig) => {
 
 let refreshPromise: ReturnType<typeof postRefresh> | null = null;
 
+type ApiResponseWithFlags = {
+  code?: string;
+  message?: string;
+  success?: boolean;
+  isSuccess?: boolean;
+};
+
 api.interceptors.response.use(
   (res) => {
     const data = res.data;
     if (isApiResponse(data)) {
+      const responseData: ApiResponseWithFlags = data;
       const failed =
-        (typeof (data as any).success === "boolean" &&
-          (data as any).success === false) ||
-        (typeof (data as any).isSuccess === "boolean" &&
-          (data as any).isSuccess === false);
+        responseData.success === false || responseData.isSuccess === false;
 
       if (failed) {
         return Promise.reject({

src/api/bookings.ts

@@ -1,6 +1,6 @@
 import { api } from "./axios";
 
-type ApiBookingStatus = "CONFIRMED" | "COMPLETED" | "CANCELED";
+type ApiBookingStatus = "PENDING" | "CONFIRMED" | "COMPLETED" | "CANCELED";
 
 interface Booking {
   bookingId: number;
@@ -9,7 +9,8 @@ interface Booking {
   bookingDate: string;
   bookingTime: string;
   partySize: number;
-  amount: number;
+  tableNumbers: string;
+  amount: number | null;
   paymentMethod: string;
   status: ApiBookingStatus;
 }
@@ -23,11 +24,16 @@ interface BookingResponse {
   isLast: boolean;
 }
 
+type GetBookingParams = {
+  page: number;
+  status?: ApiBookingStatus;
+};
+
 export const getBookings = async (
   status?: ApiBookingStatus,
   page: number = 1,
 ): Promise<BookingResponse> => {
-  const params: any = { page };
+  const params: GetBookingParams = { page };
   if (status) params.status = status;
 
   const response = await api.get<{ result: BookingResponse }>(

src/api/owner/menus.ts

@@ -1,3 +1,4 @@
+import axios from "axios";
 import { api } from "../axios";
 import type { ApiResponse } from "@/types/api";
 
@@ -96,12 +97,20 @@ export const deleteMenuImage = async (
       `/api/v1/stores/${storeId}/menus/${menuId}/image`,
     );
     return res.data;
-  } catch (err: any) {
+  } catch (err: unknown) {
     console.error("deleteMenuImage error", err);
+    if (axios.isAxiosError(err)) {
+      return {
+        isSuccess: false,
+        code: "_MENU_IMAGE_DELETE_FAILED",
+        message: err?.response?.data?.message || "이미지 삭제 실패",
+        result: { deletedImageKey: "" },
+      };
+    }
     return {
       isSuccess: false,
       code: "_MENU_IMAGE_DELETE_FAILED",
-      message: err?.response?.data?.message || "이미지 삭제 실패",
+      message: "이미지 삭제 실패",
       result: { deletedImageKey: "" },
     };
   }

src/api/owner/storeLayout.ts

@@ -1,6 +1,7 @@
 import type { ApiResponse } from "@/types/api";
 import { api } from "../axios";
 import type { SeatsType } from "@/types/table";
+import axios from "axios";
 
 export interface LayoutTable {
   tableId: number;
@@ -53,8 +54,8 @@ export const getActiveLayout = async (
       return null;
     }
     return null;
-  } catch (e: any) {
-    if (e.response?.status === 404) {
+  } catch (e: unknown) {
+    if (axios.isAxiosError(e) && e.response?.status === 404) {
       console.error("가게를 찾을 수 없음");
     } else {
       console.error(e);
@@ -97,8 +98,13 @@ export const createTable = async (
     }
     console.error("테이블 생성 실패 응답:", res.data);
     return null;
-  } catch (e: any) {
-    console.error("테이블 생성 실패:", e?.response?.data ?? e);
+  } catch (e: unknown) {
+    if (axios.isAxiosError(e)) {
+      console.error("테이블 생성 실패:", e?.response?.data ?? e);
+    } else {
+      console.error("테이블 생성 실패:", e);
+    }
+
     return null;
   }
 };

src/api/owner/stores.ts

@@ -1,5 +1,6 @@
 import { api } from "@/api/axios";
 import type { ApiResponse } from "@/types/api";
+import type { UpdateStoreResponse } from "@/types/store";
 
 interface StoreDetail {
   storeId: number;
@@ -70,7 +71,10 @@ export function updateStore(
     phoneNumber: string;
   },
 ) {
-  return api.patch<ApiResponse<any>>(`/api/v1/stores/${storeId}`, body);
+  return api.patch<ApiResponse<UpdateStoreResponse>>(
+    `/api/v1/stores/${storeId}`,
+    body,
+  );
 }
 
 export function updateBusinessHours(

src/api/owner/table.ts

@@ -11,7 +11,7 @@ interface DeleteTableImageResult {
   tableId: number;
 }
 
-interface PatchTableRequest {
+export interface PatchTableRequest {
   tableNumber?: string;
   minSeatCount?: number;
   maxSeatCount?: number;

src/components/auth/ChangePasswordDiaLog.tsx

@@ -5,6 +5,7 @@ import { useForm } from "react-hook-form";
 import { z } from "zod";
 import { Button } from "../ui/button";
 import { X } from "lucide-react";
+import axios from "axios";
 
 const schema = z
   .object({
@@ -43,8 +44,12 @@ export function ChangePasswordDialog({
       form.reset();
       onOpenChange(false);
     },
-    onError: (e: any) => {
-      const msg = e?.response?.data?.message ?? "비밀번호 변경에 실패했습니다.";
+    onError: (e: unknown) => {
+      let msg = "비밀번호 변경에 실패했습니다.";
+
+      if (axios.isAxiosError(e)) {
+        msg = e.response?.data?.message ?? msg;
+      }
       if (typeof msg === "string" && /현재|기존|일치|틀렸/.test(msg)) {
         form.setError("currentPassword", { type: "server", message: msg });
         return;

src/components/auth/SignupDialog.tsx

@@ -82,7 +82,7 @@ export function SignupDialog({
 
   return (
     <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
-      <DialogContent className="sm:max-w-[500px] max-h-[90vh] overflow-y-auto">
+      <DialogContent className="sm:max-w-125 max-h-[90vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle className="text-center text-2xl font-bold">
             회원가입

src/components/auth/WithdrawDialog.tsx

@@ -6,8 +6,10 @@ import { Button } from "../ui/button";
 import { X } from "lucide-react";
 import { useState } from "react";
 import { logout as performLogout } from "@/api/auth";
+import axios from "axios";
 
-function isWithdrawBlockByBookings(e: any) {
+function isWithdrawBlockByBookings(e: unknown) {
+  if (!axios.isAxiosError(e)) return false;
   const msg = e?.response?.data?.message;
   const result = e?.response?.data?.result;
   const code = e?.response?.data?.code;
@@ -56,12 +58,16 @@ export function WithdrawDialog({
       onOpenChange(false);
       nav("/", { replace: true });
     },
-    onError: (e: any) => {
+    onError: (e: unknown) => {
       if (isWithdrawBlockByBookings(e)) {
         setBlocked(true);
         return;
       }
-      alert(e?.response?.data?.message ?? "회원 탈퇴에 실패했습니다.");
+      let msg = "회원 탈퇴에 실패했습니다";
+      if (axios.isAxiosError(e)) {
+        msg = e?.response?.data?.message ?? msg;
+      }
+      alert(msg);
     },
   });
 

src/components/customer-support/SupportHero.tsx

@@ -9,7 +9,7 @@ export default function SupportHero() {
 
   return (
     <>
-      <section className="bg-gradient-to-r from-blue-600 to-blue-700 text-white">
+      <section className="bg-linear-to-r from-blue-600 to-blue-700 text-white">
         <div className="max-w-[1920px] mx-auto p-8 md:p-16 text-center">
           <h2 className="text-white mb-4">무엇을 도와드릴까요?</h2>
           <p className="text-blue-100 max-w-2xl mx-auto mb-6 break-keep">