Merge pull request #11 from team-GDGline/feat/error

feat: accessToken 없을 시에 loingPage로 navigate 구현

src/api/constant.ts

@@ -1,4 +1 @@
 export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
-
-export const ACCESS_TOKEN = "accessToken";
-export const REFRESH_TOKEN = "refreshToken";

src/routes/Routes.tsx

@@ -8,46 +8,53 @@ import LoadingPage from "../pages/LoadingPage/LoadingPage"; // 로딩 페이지
 import AnalysisPage from "../pages/Analysis/AnalysisPage";
 import NotFoundPage from "../pages/NotFound/NotFoundPage";
 import CameraPage from "../pages/Camera/CameraPage";
+import TokenRouter from "./TokenRouter";
 import { RouterPath } from "./path"; // 경로 상수 가져오기
 
 // 라우터 정의
 const router = createBrowserRouter(
   [
     {
-      path: RouterPath.root,
-      element: <StartPage />,
-    },
-    {
-      path: RouterPath.login,
-      element: <LoginPage />,
-    },
-    {
-      path: RouterPath.signup,
-      element: <SignupPage/>,
-    },
-    { 
-      path: RouterPath.main,
-      element: <MainPage />,
-    },
-    {
-      path: RouterPath.book,
-      element: <BookPage />,
-    },
-    {
-      path: RouterPath.loading,
-      element: <LoadingPage />,
-    },
-    {
-      path: RouterPath.analysis,
-      element: <AnalysisPage />,
-    },
-    {
-      path: RouterPath.notFound,
-      element: <NotFoundPage />,
-    },
-    {
-      path: RouterPath.camera,
-      element: <CameraPage />,
+      path: RouterPath.token,
+      element: <TokenRouter />,
+      children: [
+        {
+          path: RouterPath.root,
+          element: <StartPage />,
+        },
+        {
+          path: RouterPath.login,
+          element: <LoginPage />,
+        },
+        {
+          path: RouterPath.signup,
+          element: <SignupPage />,
+        },
+        {
+          path: RouterPath.main,
+          element: <MainPage />,
+        },
+        {
+          path: RouterPath.book,
+          element: <BookPage />,
+        },
+        {
+          path: RouterPath.loading,
+          element: <LoadingPage />,
+        },
+        {
+          path: RouterPath.analysis,
+          element: <AnalysisPage />,
+        },
+        {
+          path: RouterPath.notFound,
+          element: <NotFoundPage />,
+        },
+        {
+          path: RouterPath.camera,
+          element: <CameraPage />,
+        },
+      ],
     },
   ],
   {

src/routes/TokenRouter.tsx

@@ -0,0 +1,24 @@
+import {Outlet, useLocation, useNavigate} from "react-router-dom";
+
+import { useEffect } from "react";
+const TokenRouter = () => {
+
+const location = useLocation();
+  const navigate = useNavigate();
+  const isAuthPath = location.pathname === "/login" || location.pathname === "/signup";
+
+
+    useEffect(() => {
+    if(!localStorage.getItem("accessToken") && !isAuthPath){
+      navigate("/login");
+    }
+
+  }, [location.pathname, isAuthPath, navigate]);
+  return (
+    <div>
+            <Outlet />
+    </div>
+  );
+};
+
+export default TokenRouter;

src/routes/path.ts

@@ -1,4 +1,5 @@
 export const RouterPath = {
+  token: "",
   root: "/",
   start: "/",
   login: "/login",