refactor: provider 레이어 변경 & 누락된 public api 수정

apps/cs/app/api/proxy/[...url]/route.ts

@@ -5,7 +5,7 @@ import {
   REFRESH_TOKEN,
   SERVER_API_URL,
   SITE_ID,
-} from "@/shared/config/env";
+} from "@/shared/config";
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";
 

apps/cs/next.config.ts

@@ -27,7 +27,6 @@ const nextConfig: NextConfig = {
         "import.meta.env.VITE_AUTH_USER_ID": JSON.stringify(
           process.env.NEXT_PUBLIC_AUTH_USER_ID,
         ),
-        "process.env.SITE_ID": JSON.stringify(process.env.NEXT_PUBLIC_SITE_ID),
       }),
     );
 

apps/cs/src/app/index.tsx

@@ -1,6 +1,6 @@
 import "./styles/base.css";
 import "./styles/components.css";
-import { AppProvider } from "@/shared/provider";
+import { AppProvider } from "./providers";
 
 const App = ({ children }: Readonly<{ children: React.ReactNode }>) => {
   return (

apps/cs/src/app/providers/app-provider.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { ConfirmProvider } from "@frontend-opensource/use-react-hooks";
-import { AuthProvider } from "./auth-provider";
-import { CookieProvider } from "./cookie-provider";
+import { AuthProvider } from "@/entities/auth";
+import { CookieProvider } from "@/shared/lib";
 import { QueryProvider } from "./query-provider";
 
 const AppProvider = ({ children }: Readonly<{ children: React.ReactNode }>) => {

apps/cs/src/app/providers/index.ts

@@ -0,0 +1 @@
+export { AppProvider } from "./app-provider";

apps/cs/src/entities/auth/api/login-service.ts

@@ -1,6 +1,11 @@
 import { AxiosError } from "axios";
-import { ENDPOINT, JWT_EXPIRATION_TIME } from "@/shared/config/api";
-import { ACCESS_TOKEN, AUTH_USER_ID, CLAIM_NAME } from "@/shared/config/env";
+import {
+  ENDPOINT,
+  JWT_EXPIRATION_TIME,
+  ACCESS_TOKEN,
+  AUTH_USER_ID,
+  CLAIM_NAME,
+} from "@/shared/config";
 import type { LoginService, ILogin } from "../model/login-interface";
 import { tokenManager } from "../lib/token-manager";
 

apps/cs/src/entities/auth/index.ts

@@ -0,0 +1,2 @@
+export { LoginApi } from "./api/login-service";
+export { AuthProvider } from "./lib/auth-provider";

apps/cs/src/entities/auth/lib/auth-provider.tsx

@@ -2,12 +2,11 @@
 
 import { useRouter } from "next/navigation";
 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 { LoginApi } from "@/entities/auth/login";
+import { createContext, useState } from "react";
+import { client } from "@/shared/api";
+import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
+import { getCookie } from "@/shared/lib";
+import { LoginApi } from "../api/login-service";
 
 interface IUserInfo {
   regDt: string;
@@ -91,11 +90,3 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
     </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/entities/auth/lib/token-manager.ts

@@ -1,5 +1,5 @@
-import { AUTH_USER_ID, CLAIM_NAME } from "@/shared/config/env";
-import { getCookie, setCookie, removeCookie } from "@/shared/lib/cookie";
+import { AUTH_USER_ID, CLAIM_NAME } from "@/shared/config";
+import { getCookie, setCookie, removeCookie } from "@/shared/lib";
 
 export class TokenManager {
   private static instance: TokenManager;

apps/cs/src/entities/auth/login/index.ts

@@ -1 +0,0 @@
-export { LoginApi } from "./api/login-service";

apps/cs/src/entities/code/api/code-service.ts

@@ -1,5 +1,5 @@
-import { client } from "@/shared/api/client";
-import { ENDPOINT } from "@/shared/config/api";
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
 import type { CodeService, ICode } from "../model/code-interface";
 
 export class CodeApiService implements CodeService {

apps/cs/src/entities/code/ui/code-select.tsx

@@ -6,7 +6,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@common/components";
-import { ENDPOINT } from "@/shared/config/api";
+import { ENDPOINT } from "@/shared/config";
 import { CodeApi } from "../api/code-service";
 
 type CodeSelectProps = {

apps/cs/src/entities/site/index.ts

@@ -1,2 +0,0 @@
-export { SiteApi } from "./api/site-service";
-export * from "./model/site-interface";

apps/cs/src/entities/user/api/user-service.ts

@@ -1,15 +0,0 @@
-import { client } from "@/shared/api/client";
-import { ENDPOINT } from "@/shared/config/api";
-import type { IUser, IUserInfo, UserService } from "../model/user-interface";
-
-export class UsersApiService implements UserService {
-  public async userInfo(payload: IUser): Promise<IUserInfo> {
-    const response = await client.get<IUserInfo>(
-      `${ENDPOINT.USER_SERVICE.USERS}/${payload.userUniqId}`,
-    );
-
-    return response.data;
-  }
-}
-
-export const UserApi = new UsersApiService();

apps/cs/src/entities/user/index.ts

@@ -1 +0,0 @@
-export { useUser } from "./lib/use-user";

apps/cs/src/entities/user/lib/use-user.ts

@@ -1,20 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { ENDPOINT } from "@/shared/config/api";
-import { AUTH_USER_ID } from "@/shared/config/env";
-import { useCookie } from "@/shared/provider";
-import { UserApi } from "../api/user-service";
-
-const useUser = () => {
-  const { getCookie } = useCookie();
-  const { data } = useQuery({
-    queryKey: [ENDPOINT.USER_SERVICE.USERS],
-    queryFn: () =>
-      UserApi.userInfo({
-        userUniqId: getCookie(AUTH_USER_ID) ?? "",
-      }),
-  });
-
-  return { userInfo: data };
-};
-
-export { useUser };

apps/cs/src/entities/user/model/user-interface.ts

@@ -1,41 +0,0 @@
-export interface IUser {
-  userUniqId: string;
-}
-
-export 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 UserService {
-  userInfo: (payload: IUser) => Promise<IUserInfo>;
-}

apps/cs/src/pages/auth/login/ui/login-page.tsx

@@ -2,7 +2,7 @@
 
 import Image from "next/image";
 import { images } from "@common/assets";
-import { LoginApi } from "@/entities/auth/login";
+import { LoginApi } from "@/entities/auth";
 import "./login.css";
 
 function LoginPage() {

apps/cs/src/pages/site/api/site-service.ts

@@ -1,5 +1,5 @@
-import { client } from "@/shared/api/client";
-import { ENDPOINT } from "@/shared/config/api";
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
 import {
   siteFormSchema,
   type ISiteInfo,

apps/cs/src/pages/site/model/table-columns.tsx

@@ -1,6 +1,6 @@
 import dayjs from "dayjs";
 import { createColumnHelper } from "@tanstack/react-table";
-import type { ISite } from "@/entities/site/model/site-interface";
+import type { ISite } from "./site-interface";
 
 const columnHelper = createColumnHelper<ISite>();
 

apps/cs/src/pages/site/ui/create-page.tsx

@@ -5,7 +5,8 @@ import { useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { useMutation } from "@tanstack/react-query";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { SiteApi, siteFormSchema, type SiteFormData } from "@/entities/site";
+import { SiteApi } from "../api/site-service";
+import { siteFormSchema, type SiteFormData } from "../model/site-interface";
 import { SitePageLayout } from "./layout";
 import { SiteForm } from "./site-form";
 import {

apps/cs/src/pages/site/ui/modify-page.tsx

@@ -5,13 +5,13 @@ import { useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { ENDPOINT } from "@/shared/config";
+import { SiteApi } from "../api/site-service";
 import {
-  SiteApi,
   siteFormSchema,
   type ISiteDetail,
   type SiteFormData,
-} from "@/entities/site";
-import { ENDPOINT } from "@/shared/config/api";
+} from "../model/site-interface";
 import { SitePageLayout } from "./layout";
 import { SiteForm } from "./site-form";
 import {

apps/cs/src/pages/site/ui/site-form.tsx

@@ -19,7 +19,6 @@ import {
   TableRow,
 } from "@common/components";
 import { CodeSelect } from "@/entities/code";
-import { type ISiteDetail, type SiteFormData } from "@/entities/site";
 import {
   FormItem,
   FormControl,
@@ -27,6 +26,7 @@ import {
   Form,
   FormMessage,
 } from "@/shared/ui/form";
+import { type ISiteDetail, type SiteFormData } from "../model/site-interface";
 import { IPManagementDialog } from "./ip-management-dialog";
 import {
   DomainManagementDialog,
@@ -37,7 +37,7 @@ type SiteFormProps = {
   form: UseFormReturn<SiteFormData>;
   siteId?: string;
   handleSave: (data: SiteFormData) => void;
-  handleDelete: () => void;
+  handleDelete?: () => void;
 };
 
 function SiteForm({ form, siteId, handleSave, handleDelete }: SiteFormProps) {
@@ -65,7 +65,7 @@ function SiteForm({ form, siteId, handleSave, handleDelete }: SiteFormProps) {
 
   const onDelete = async () => {
     if (await confirm("정말 삭제하시겠습니까?")) {
-      handleDelete();
+      handleDelete?.();
     }
   };
 

apps/cs/src/pages/site/ui/site-page.tsx

@@ -2,15 +2,15 @@
 
 import "@common/assets/styles/grid.css";
 
-import { type ISite, type ISiteParams } from "@/entities/site";
-import { SiteApi } from "@/entities/site/api/site-service";
-import { ENDPOINT } from "@/shared/config/api";
-import { Button, DataTable, Input } from "@common/components";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
-import { useRouter } from "next/router";
-import { useState } from "react";
+import { Button, DataTable, Input } from "@common/components";
+import { ENDPOINT } from "@/shared/config/api";
+import { SiteApi } from "../api/site-service";
 import { columns } from "../model/table-columns";
+import { type ISite, type ISiteParams } from "../model/site-interface";
 import { SitePageLayout } from "./layout";
 
 function SitePage() {

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

@@ -0,0 +1 @@
+export { client } from "./client";

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

@@ -0,0 +1,2 @@
+export * from "./api";
+export * from "./env";

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

@@ -1,7 +1,7 @@
 "use client";
 
-import { createContext, useContext } from "react";
-import { getCookie, setCookie, removeCookie } from "../lib/cookie";
+import { createContext } from "react";
+import { getCookie, setCookie, removeCookie } from "./cookie";
 
 export interface CookieContextType {
   getCookie: (name: string) => string | undefined;
@@ -28,11 +28,3 @@ export function CookieProvider({ children }: { children: React.ReactNode }) {
     </CookieContext.Provider>
   );
 }
-
-export function useCookie(): CookieContextType {
-  const context = useContext(CookieContext);
-  if (!context) {
-    throw new Error("useCookie must be used within a CookieProvider");
-  }
-  return context;
-}

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

@@ -0,0 +1,2 @@
+export { CookieProvider } from "./cookie-provider";
+export { getCookie, setCookie, removeCookie } from "./cookie";

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

@@ -1,3 +0,0 @@
-export { AppProvider } from "./app-provider";
-export { useAuth } from "./auth-provider";
-export { useCookie } from "./cookie-provider";