Merge pull request #110 from part3-4team-Taskify/feature/Gnb

[Refactor] 로그인 토큰 만료 설정 제거(백엔드 설정 없음)

Author: ozen0718

src/api/auth.ts

@@ -4,7 +4,6 @@ import { UserResponse } from "./users";
 
 interface AuthResponse extends UserResponse {
   accessToken: string;
-  expiresIn: number;
 }
 
 export const postAuthData = async ({

src/api/axiosInstance.ts

@@ -1,7 +1,4 @@
-// axiosInstance.ts
-
 import axios from "axios";
-import useUserStore from "@/store/useUserStore";
 
 console.log("🔐 BASE_URL:", process.env.NEXT_PUBLIC_BASE_URL);
 console.log("🔐 API_TOKEN:", process.env.NEXT_PUBLIC_API_TOKEN);
@@ -19,27 +16,4 @@ axiosInstance.interceptors.request.use((config) => {
   return config;
 });
 
-// login 토큰 만료 체크 함수
-const isTokenExpired = () => {
-  const expiresAt = localStorage.getItem("expiresAt");
-  if (!expiresAt) return true;
-
-  return new Date().getTime() > parseInt(expiresAt, 10);
-};
-
-// 인터셉터로 만료 체크 후 헤더에 추가
-axiosInstance.interceptors.request.use((config) => {
-  const token = localStorage.getItem("accessToken");
-
-  if (token && !isTokenExpired()) {
-    config.headers.Authorization = `Bearer ${token}`;
-  } else {
-    // 만료되거나 없는 경우
-    localStorage.removeItem("accessToken");
-    localStorage.removeItem("expiresAt");
-    useUserStore.getState().clearUser(); // Zustand 상태 초기화
-  }
-  return config;
-});
-
 export default axiosInstance;

src/components/gnb/HeaderDefault.tsx

@@ -19,7 +19,6 @@ const HeaderDefault: React.FC<HeaderDefaultProps> = ({ variant = "white" }) => {
     if (isLoggedIn) {
       clearUser();
       localStorage.removeItem("accessToken");
-      localStorage.removeItem("expiresAt");
       router.push("/");
     } else {
       router.push("/login");

src/components/gnb/UserMenu.tsx

@@ -25,7 +25,6 @@ const UserMenu: React.FC<UserMenuProps> = ({ isMenuOpen, setIsMenuOpen }) => {
     localStorage.setItem("isLoggingOut", "true");
     clearUser();
     localStorage.removeItem("accessToken");
-    localStorage.removeItem("expiresAt");
     router.push("/");
   };
 

src/hooks/useAuthGuard.ts

@@ -22,7 +22,6 @@ export const useAuthGuard = (redirectTo: string = "/login") => {
         } catch (error) {
           console.error("유저 복원 실패:", error);
           localStorage.removeItem("accessToken");
-          localStorage.removeItem("expiresAt");
           router.replace(redirectTo);
         }
       }

src/pages/_app.tsx

@@ -16,18 +16,12 @@ type AppPropsWithLayout = AppProps & {
   Component: NextPageWithLayout;
 };
 
-// 토큰 만료 설정
-function isTokenExpired() {
-  const expiresAt = localStorage.getItem("expiresAt");
-  if (!expiresAt) return true;
-  return new Date().getTime() > parseInt(expiresAt, 10);
-}
-
 export default function App({ Component, pageProps }: AppPropsWithLayout) {
+  // 앱 최초 실행 시 로그인 여부 판단
   useEffect(() => {
     const initializeUser = async () => {
       const token = localStorage.getItem("accessToken");
-      if (token && !isTokenExpired()) {
+      if (token) {
         try {
           const userData = await getUserInfo({ teamId: TEAM_ID });
           useUserStore.getState().setUser(userData);
@@ -37,7 +31,6 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
       } else {
         useUserStore.getState().clearUser();
         localStorage.removeItem("accessToken");
-        localStorage.removeItem("expiresAt");
       }
     };
 
@@ -47,6 +40,7 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
   const router = useRouter();
   const pathname = router.pathname;
 
+  // 헤더 기본 출력 설정
   const isDashboardPage = pathname.startsWith("/dashboard");
   // 헤더 숨길 페이지
   const noHeaderRoutes = ["/login", "/signup", "/mydashboard", "/mypage"];

src/pages/login.tsx

@@ -3,7 +3,6 @@ import { useRouter } from "next/router";
 import useUserStore from "@/store/useUserStore";
 import { getUserInfo } from "@/api/users";
 import { postAuthData } from "@/api/auth";
-import { parseJwt } from "@/utils/parseJwt";
 import Link from "next/link";
 import Input from "@/components/input/Input";
 import { TEAM_ID } from "@/constants/team";
@@ -26,20 +25,11 @@ export default function LoginPage() {
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     const { email, password } = values;
-    try {
-      const { accessToken, expiresIn } = await postAuthData({
-        email,
-        password,
-      });
-
-      // 현재 백엔드에서 exp 없어서 로그인 만료 설정 불가능, 요청해보고 안 되면 제거
-      // 만료 시간 계산 후 저장
-      const payload = parseJwt(accessToken);
-      console.log(payload.exp);
-      const expiresAt = new Date().getTime() + expiresIn * 1000;
-      localStorage.setItem("accessToken", accessToken);
-      localStorage.setItem("expiresAt", expiresAt.toString());
 
+    try {
+      const response = await postAuthData({ email, password });
+      const token = response.accessToken;
+      localStorage.setItem("accessToken", token);
       // 로그인 성공 시 사용자 정보 요청
       const userData = await getUserInfo({ teamId: TEAM_ID });
       // Zustand에 저장