Feat: #80 zustand authStore에서 persist 미들웨어 제거

GU-99 · Aug 29, 2024 · b73268f · b73268f
1 parent 64c8982
commit b73268f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 24 deletions.
diff --git a/src/mocks/services/authServiceHandler.ts b/src/mocks/services/authServiceHandler.ts
@@ -39,7 +39,7 @@ const authServiceHandler = [
         status: 200,
         headers: {
           Authorization: `Bearer ${accessToken}`,
-          'Set-Cookie': `refreshToken=${refreshToken}; Max-Age=${REFRESH_TOKEN_EXPIRATION / 1000}; HttpOnly; SameSite=Strict`,
+          'Set-Cookie': `refreshToken=${refreshToken}; Max-Age=${REFRESH_TOKEN_EXPIRATION / 1000}; HttpOnly; SameSite=Strict; Secure`,
         },
       });
     }
@@ -67,7 +67,7 @@ const authServiceHandler = [
         status: 200,
         headers: {
           Authorization: `Bearer ${newAccessToken}`,
-          'Set-Cookie': `refreshToken=${refreshToken}; Max-Age=${REFRESH_TOKEN_EXPIRATION / 1000}; HttpOnly; SameSite=Strict`,
+          'Set-Cookie': `refreshToken=${refreshToken}; Max-Age=${REFRESH_TOKEN_EXPIRATION / 1000}; HttpOnly; SameSite=Strict; Secure`,
         },
       });
     }

diff --git a/src/pages/user/SignInPage.tsx b/src/pages/user/SignInPage.tsx
@@ -15,6 +15,7 @@ import { useAuthStore } from '@/stores/useAuthStore';
 import { login } from '@/services/authService';
 
 export default function SignInPage() {
+  const { Login } = useAuthStore();
   const { toastError } = useToast();
   const navigate = useNavigate();
   const {
@@ -29,14 +30,15 @@ export default function SignInPage() {
     },
   });
 
+  // TODO: react-query 코드 분리하기
   const signIn = useMutation({
     mutationFn: (data: UserSignInForm) => login(data),
     onSuccess: (response) => {
       const accessToken = response.headers.authorization;
       if (!accessToken) return toastError('로그인에 실패했습니다.');
 
       authAxios.defaults.headers.Authorization = accessToken;
-      useAuthStore.getState().Login(accessToken.replace('Bearer ', ''));
+      Login(accessToken.replace('Bearer ', ''));
 
       navigate('/', { replace: true });
     },

diff --git a/src/stores/useAuthStore.ts b/src/stores/useAuthStore.ts
@@ -1,6 +1,5 @@
 /* eslint-disable import/prefer-default-export */
-import { createStore } from 'zustand';
-import { persist } from 'zustand/middleware';
+import { create } from 'zustand';
 
 type AuthStore = {
   isAuthenticated: boolean;
@@ -11,22 +10,15 @@ type AuthStore = {
   Logout: () => void;
 };
 
-export const useAuthStore = createStore(
-  persist<AuthStore>(
-    (set) => ({
-      isAuthenticated: false,
-      accessToken: null,
-      setAccessToken: (token: string) => set({ accessToken: token }),
-      // clearAccessToken: () => set({ accessToken: null }),
-      Login: (token: string) => {
-        set({ isAuthenticated: true, accessToken: token });
-      },
-      Logout: () => {
-        set({ isAuthenticated: false, accessToken: null });
-      },
-    }),
-    {
-      name: 'auth-storage',
-    },
-  ),
-);
+export const useAuthStore = create<AuthStore>((set) => ({
+  isAuthenticated: false,
+  accessToken: null,
+  setAccessToken: (token: string) => set({ accessToken: token }),
+  // clearAccessToken: () => set({ accessToken: null }),
+  Login: (token: string) => {
+    set({ isAuthenticated: true, accessToken: token });
+  },
+  Logout: () => {
+    set({ isAuthenticated: false, accessToken: null });
+  },
+}));