merge: 후면 기능 전환 추가 위한 병합

index.html

@@ -11,6 +11,10 @@
       rel="stylesheet"
     />
     <meta name="theme-color" content="#000000" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="upgrade-insecure-requests"
+    />
     <meta
       name="description"
       content="해양 생물들을 촬영하여 나만의 도감을 채워나가는 체험형 교육 서비스, 물멍"

src/routes/TokenRouter.tsx

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