[FEAT] AccessToken 만료 시 401 처리

src/api/axiosInstance.ts

@@ -1,6 +1,7 @@
 import axios from 'axios';
 
 import { HTTP_STATUS } from '@/constants/common/httpStatus';
+import { PATH } from '@/constants/common/path';
 
 export const axiosInstance = axios.create({
   baseURL: process.env.NEXT_PUBLIC_API_URL,
@@ -26,6 +27,8 @@ axiosInstance.interceptors.response.use(
     const { response, config } = error;
 
     if (response?.status === HTTP_STATUS.UNAUTHORIZED) {
+      localStorage.removeItem('accessToken');
+      window.location.href = PATH.INTRO;
     }
 
     if (response) {
@@ -36,6 +39,7 @@ axiosInstance.interceptors.response.use(
     } else {
       console.error('🚨[API NETWORK ERROR], error.message');
     }
+
     return Promise.reject(error);
   },
 );

src/components/layout/Header/HomeHeader.tsx

@@ -26,7 +26,7 @@ const HomeHeader = ({ hasMenu = false, bgColor }: HomeHeaderProps) => {
 
   const hasToken = useHasToken();
 
-  const handleClose = () => {
+  const handleLogoClick = () => {
     if (hasToken) router.push(PATH.INTRO);
     router.push(PATH.HOME);
   };
@@ -35,7 +35,7 @@ const HomeHeader = ({ hasMenu = false, bgColor }: HomeHeaderProps) => {
     <>
       <BaseHeader
         leftSlot={
-          <button onClick={handleClose}>
+          <button onClick={handleLogoClick}>
             <Image
               src="/images/logo.svg"
               alt="위시풀 로고"

src/components/layout/NavMenu.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { usePathname, useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
 
 import { PATH } from '@/constants/common/path';
+import { useHasToken } from '@/hooks/wishpool/useHasToken';
 
 const NAV_LIST = [
   { label: 'WishPool 소개', href: PATH.INTRO },
@@ -14,15 +14,10 @@ const NAV_LIST = [
 const NavMenu = () => {
   const pathname = usePathname();
   const router = useRouter();
-
-  const [token, setToken] = useState<string | null>(null);
-
-  useEffect(() => {
-    setToken(localStorage.getItem('accessToken'));
-  }, []);
+  const hasToken = useHasToken();
 
   const handleNavClick = (href: string) => {
-    if (!token) router.push(PATH.LOGIN);
+    if (!hasToken) router.push(PATH.LOGIN);
     else router.push(href);
   };