refactor: 토큰 활성 시간 경과 시 로그인 페이지로 이동

• axios 인터셉터에 토큰 만료 체크 로직 추가
• request 인터셉터: 클라이언트 측 토큰 만료 시간 체크
• response 인터셉터: 서버 측 401 에러 처리
• 로그인 페이지가 아닐 때만 알림 표시 및 리다이렉트

src/api/axios.js

@@ -10,7 +10,19 @@ const api = axios.create({
 
 api.interceptors.request.use(config => {
   const token = sessionStorage.getItem('accessToken');
+  const expiresAt = sessionStorage.getItem('tokenExpiresAt');
+
   if (token) {
+    // 토큰 만료 체크
+    if (expiresAt && Date.now() >= parseInt(expiresAt)) {
+      sessionStorage.removeItem('accessToken');
+      sessionStorage.removeItem('tokenExpiresAt');
+      if (!window.location.pathname.includes('/login')) {
+        alert('로그인이 만료되었습니다. 다시 로그인해주세요.');
+        window.location.href = '/login';
+      }
+      return Promise.reject('Token expired');
+    }
     config.headers.Authorization = `Bearer ${token}`;
   }
   return config;
@@ -19,9 +31,15 @@ api.interceptors.request.use(config => {
 api.interceptors.response.use(
   response => response,
   error => {
+    // 401 에러 처리
     if (error.response?.data.statusCode === 401) {
       sessionStorage.removeItem('accessToken');
-      window.location.href = '/login';
+      sessionStorage.removeItem('tokenExpiresAt');
+      
+      if (!window.location.pathname.includes('/login')) {
+        alert('로그인이 필요합니다. 로그인 페이지로 이동합니다.');
+        window.location.href = '/login';
+      }
     }
     return Promise.reject(error);
   }