feat: refresh 로직 수정

apps/cs/src/shared/provider/auth-provider.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { createContext, useContext, useState } from "react";
+import { client } from "../api/client";
+import { ENDPOINT } from "../config/api";
+import { AUTH_USER_ID } from "../config/env";
+import { getCookie } from "../lib/cookie";
+import { AxiosError } from "axios";
+import { LoginApi } from "@/entities/auth/login";
+
+interface IUserInfo {
+  regDt: string;
+  mdfcnDt: string;
+  rgtr: string;
+  mdfr: string;
+  userUnqId: string;
+  userId: string;
+  userName: string;
+  email: string;
+  encryptedPassword: string;
+  refreshToken: string;
+  userStateCode: string;
+  lastLoginDate: string;
+  loginFailCount: number;
+  pswdHnt: string;
+  pswdAns: string;
+  mphn: string;
+  telno: string;
+  zip: string;
+  addr: string;
+  daddr: string;
+  laeSeCd: string;
+  ogdpSeCd: string;
+  aprvYn: string;
+  autzrId: string;
+  expryYmd: string;
+  lastPswdChgDt: string;
+  googleId: string;
+  kakaoId: string;
+  naverId: string;
+  isSocialUser: boolean;
+  hasPassword: boolean;
+}
+
+export interface AuthContextType {
+  userInfo: IUserInfo | null;
+}
+
+export const AuthContext = createContext<AuthContextType | null>(null);
+
+export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
+  const [userInfo, setUserInfo] = useState<IUserInfo | null>(null);
+
+  useQuery({
+    queryKey: [ENDPOINT.USER_SERVICE.USERS],
+    queryFn: async () => {
+      try {
+        const response = await client.get<IUserInfo>(
+          `${ENDPOINT.USER_SERVICE.USERS}/${getCookie(AUTH_USER_ID)}`,
+        );
+        setUserInfo(response.data);
+        return response;
+      } catch (error) {
+        console.error(error);
+        if (error instanceof AxiosError) {
+          if (error.response?.status === 401) {
+            try {
+              await LoginApi.silentRefresh();
+            } catch (refreshError) {
+              console.error("Token refresh failed:", refreshError);
+              setUserInfo(null);
+            }
+          }
+        }
+      }
+    },
+  });
+
+  const authContextValue: AuthContextType = {
+    userInfo,
+  };
+
+  return (
+    <AuthContext.Provider value={authContextValue}>
+      {children}
+    </AuthContext.Provider>
+  );
+};
+
+export const useAuth = (): AuthContextType => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+};

apps/cs/src/shared/provider/cookie-provider.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { createContext, useContext } from "react";
-import { getCookie, setCookie, removeCookie } from "../../lib/cookie";
+import { getCookie, setCookie, removeCookie } from "../lib/cookie";
 
 export interface CookieContextType {
   getCookie: (name: string) => string | undefined;

apps/cs/src/shared/provider/index.ts

@@ -1,6 +1,3 @@
-export {
-  CookieContext,
-  CookieProvider,
-  useCookie,
-} from "./cookie/cookie-provider";
-export { QueryProvider } from "./query/query-provider";
+export { AuthProvider, useAuth } from "./auth-provider";
+export { CookieProvider, useCookie } from "./cookie-provider";
+export { QueryProvider } from "./query-provider";