fix: 토큰 관리 수정

Author: jiohjung98

src/components/common/Gnb.tsx

@@ -14,29 +14,34 @@ const Gnb = () => {
   const router = useRouter();
   const intervalId = useRef<NodeJS.Timeout | null>(null); // useRef로 intervalId 관리
 
+
   const checkAndRefreshToken = useCallback(async () => {
     const accessToken = getCookie('access_token');
-    const refreshToken = getCookie('refresh');
-    console.log('Checking tokens:', { accessToken, refreshToken }); // 로그 추가
+    console.log(accessToken);
 
-    if (!accessToken && refreshToken) {
+    // accessToken이 없을 경우 갱신 시도
+    if (!accessToken) {
       try {
+        // 새로운 accessToken 요청 시도
         const newAccessToken = await refreshAccessToken();
-        setIsLoggedIn(!!newAccessToken);
+        setIsLoggedIn(!!newAccessToken); // 새 토큰 있으면 로그인 상태 유지, 없으면 로그아웃
+        console.log('로그인 유지 성공');
       } catch (error) {
         console.error('토큰 갱신 실패:', error);
         setIsLoggedIn(false);
       }
     } else {
-      setIsLoggedIn(!!accessToken);
+      // accessToken이 존재하면 로그인 상태 유지
+      setIsLoggedIn(true);
     }
+
     setIsLoading(false);
   }, [setIsLoggedIn]);
 
   useEffect(() => {
     checkAndRefreshToken();
 
-    intervalId.current = setInterval(checkAndRefreshToken, 20 * 1000); // 50초마다 갱신 시도
+    intervalId.current = setInterval(checkAndRefreshToken, 20 * 1000); // 20초마다 갱신 시도
 
     return () => {
       if (intervalId.current) clearInterval(intervalId.current);