feat: 로그아웃 후 뒤로가기 클릭으로 마이페이지 접근 불가 기능

Moaguide-develop · Sep 12, 2024 · 211c66b · 211c66b
1 parent 505ca2b
commit 211c66b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/app/mypage/page.tsx b/src/app/mypage/page.tsx
@@ -14,11 +14,11 @@ const Mypage = () => {
 
   useEffect(() => {
     const checkLoginStatus = async () => {
-      const isLoggedIn = !!localStorage.getItem('access_token');
-      if (!isLoggedIn) {
+      const accessToken = localStorage.getItem('access_token');
+      if (!accessToken || accessToken === 'undefined') {
         router.push('/sign');
       } else {
-        setLoading(false); 
+        setLoading(false);
       }
     };
 
@@ -28,6 +28,7 @@ const Mypage = () => {
   const handleLogout = async () => {
     await logout();
     setIsLoggedIn(false);
+    localStorage.removeItem('access_token'); // Remove access token from local storage
     router.push('/sign');
   };
 

diff --git a/src/components/common/Gnb.tsx b/src/components/common/Gnb.tsx
@@ -13,7 +13,8 @@ const Gnb = () => {
 
   useEffect(() => {
     const accessToken = localStorage.getItem('access_token');
-    if (accessToken) {
+
+    if (accessToken && accessToken !== 'undefined') {
       setIsLoggedIn(true);
     } else {
       setIsLoggedIn(false);