feat: user store 생성(zustand)

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

@@ -1,30 +0,0 @@
-"use client";
-
-import { createContext } from "react";
-import { getCookie, setCookie, removeCookie } from "./cookie";
-
-export interface CookieContextType {
-  getCookie: (name: string) => string | undefined;
-  setCookie: (
-    name: string,
-    value: string,
-    options: Cookies.CookieAttributes,
-  ) => void;
-  removeCookie: (name: string, options: Cookies.CookieAttributes) => void;
-}
-
-export const CookieContext = createContext<CookieContextType | null>(null);
-
-export function CookieProvider({ children }: { children: React.ReactNode }) {
-  const cookieContextValue: CookieContextType = {
-    getCookie,
-    setCookie,
-    removeCookie,
-  };
-
-  return (
-    <CookieContext.Provider value={cookieContextValue}>
-      {children}
-    </CookieContext.Provider>
-  );
-}

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

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

apps/cs/src/shared/lib/use-user-store.ts

@@ -0,0 +1,14 @@
+import { useStore } from "zustand";
+import { useContext } from "react";
+import { type UserStore } from "@/shared/store/user-store";
+import { StoreContext } from "../providers/store-provider";
+
+export const useUserStore = <T>(selector: (store: UserStore) => T): T => {
+  const storeContext = useContext(StoreContext);
+
+  if (!storeContext) {
+    throw new Error("useUserStore must be used within StoreProvider");
+  }
+
+  return useStore(storeContext.userStore, selector);
+};

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

@@ -0,0 +1,2 @@
+export { QueryProvider } from "./query-provider";
+export { StoreProvider } from "./store-provider";

apps/cs/src/shared/providers/query-provider.tsx

@@ -0,0 +1,9 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient();
+
+export const QueryProvider = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  );
+};

apps/cs/src/shared/providers/store-provider.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { createContext, useRef } from "react";
+import { createUserStore } from "@/shared/store/user-store";
+
+type StoreContextType = {
+  userStore: ReturnType<typeof createUserStore>;
+};
+
+export const StoreContext = createContext<StoreContextType | undefined>(
+  undefined,
+);
+
+export const StoreProvider = ({ children }: { children: React.ReactNode }) => {
+  const storeRef = useRef<StoreContextType | null>(null);
+  if (storeRef.current === null) {
+    storeRef.current = {
+      userStore: createUserStore(),
+    };
+  }
+
+  return (
+    <StoreContext.Provider value={storeRef.current}>
+      {children}
+    </StoreContext.Provider>
+  );
+};

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

@@ -0,0 +1 @@
+export { createUserStore, type IUserInfo } from "./user-store";

apps/cs/src/shared/store/user-store.ts

@@ -0,0 +1,56 @@
+import { createStore } from "zustand/vanilla";
+
+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 type UserState = {
+  userInfo: IUserInfo | null;
+};
+
+export type UserActions = {
+  setUserInfo: (userInfo: IUserInfo | null) => void;
+};
+
+export type UserStore = UserState & UserActions;
+
+export const defaultInitState: UserState = {
+  userInfo: null,
+};
+
+export const createUserStore = (initState: UserState = defaultInitState) => {
+  return createStore<UserStore>()((set) => ({
+    ...initState,
+    setUserInfo: (userInfo: IUserInfo | null) => set(() => ({ userInfo })),
+  }));
+};