[Refactor] 로그인 관리 sessionStorage에서 localStorage로 변경해요 (#105)

* fix: sessionStorage를 localStorage로 변경

* fix: redirect에서 navigate로 변경하기

src/components/ApiErrorBoundary.tsx

@@ -1,7 +1,7 @@
 import * as Sentry from '@sentry/react';
 import { useQueryClient } from '@tanstack/react-query';
 import { AxiosError } from 'axios';
-import { redirect } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import RoutePath from '@/routes/routePath';
 import { ReactNode } from 'react';
@@ -17,6 +17,7 @@ export default function ApiErrorBoundary({
   children: ReactNode;
 }) {
   const queryClient = useQueryClient();
+  const navigate = useNavigate();
 
   queryClient.getQueryCache().config = {
     onError: (error) => handleError(error as AxiosError)
@@ -38,8 +39,8 @@ export default function ApiErrorBoundary({
       case 401:
       case 403:
         toast.error(message);
-        sessionStorage.setItem('isLogin', 'false');
-        redirect(RoutePath.Home);
+        localStorage.setItem('isLogin', 'false');
+        navigate(RoutePath.Home);
         break;
       default:
         toast.error(message);

src/hooks/mutation/useLogout.ts

@@ -10,7 +10,7 @@ export default function useLogout() {
   const mutation = useMutation({
     mutationFn: authApi.LOGOUT,
     onSuccess: () => {
-      sessionStorage.clear();
+      localStorage.clear();
       navigate(RoutePath.Home);
       location.reload();
     },

src/pages/redirect/AuthServerRedirectNavigate.tsx

@@ -6,7 +6,7 @@ export const AuthServerRedirectNavigate = () => {
   const navigate = useNavigate();
 
   useEffect(() => {
-    sessionStorage.setItem('isLogin', 'true');
+    localStorage.setItem('isLogin', 'true');
     navigate(RoutePath.Dashboard);
   }, [navigate]);
 

src/utils/auth.ts

@@ -1,5 +1,5 @@
 export const isAuthenticated = () => {
-  const isLogin = sessionStorage.getItem('isLogin');
+  const isLogin = localStorage.getItem('isLogin');
 
   return isLogin === 'true';
 };