fix: 쿠키 판단 로직 재건

src/apis/index.ts

@@ -1,15 +1,26 @@
 import { BASE_URL, DEV_AUTH_TOKEN } from '@/constants/environment';
-import useAuthToken from '@/hooks/auth/useAuthToken';
+import { getCookie } from '@/utils/auth';
 import axios from 'axios';
+import { CookieKeys } from '@/utils/storage/key';
 
 const apiClient = axios.create({
   baseURL: BASE_URL,
   headers: { 'Content-Type': 'application/json' },
   withCredentials: true
 });
 
-apiClient.defaults.headers.common['Authorization'] = DEV_AUTH_TOKEN
-  ? `${DEV_AUTH_TOKEN}`
-  : `Bearer ${useAuthToken().accessToken}`;
+export function setAuthHeader() {
+  const accessToken = getCookie(CookieKeys.AccessToken);
+
+  if (DEV_AUTH_TOKEN) {
+    apiClient.defaults.headers.common['Authorization'] = DEV_AUTH_TOKEN;
+  } else {
+    apiClient.defaults.headers.common['Authorization'] = accessToken
+      ? `Bearer ${accessToken}`
+      : '';
+  }
+}
+
+setAuthHeader();
 
 export default apiClient;

src/components/auth/guard/MypageAccessGuard.tsx

@@ -1,8 +1,5 @@
 import { Outlet } from 'react-router-dom';
 
 export default function MypageAccessGuard() {
-  return <></>;
-  // return <Navigate to={getAuthRedirectPat
-
   return <Outlet />;
 }

src/utils/auth.ts

@@ -19,10 +19,16 @@ export function getCookie(name: string): string {
   return '';
 }
 
+export const isAuthenticated = () => {
+  const token = getCookie('accessToken');
+  return !!token;
+};
+
 export function deleteCookie(name: string) {
   document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
 }
 
+//TODO: 서버에서 로그아웃 로직 생성할 예정
 export function logout() {
   useAuthToken().clearToken();
   sessionStorage.clear();

src/utils/storage/key.ts

@@ -1,9 +1,4 @@
-export const enum StorageKeys {
-  AccessToken = 'access_token',
-  RefreshToken = 'refresh_token'
-}
-
 export const enum CookieKeys {
-  AccessToken = 'access',
-  RefreshToken = 'refresh'
+  AccessToken = 'accessToken',
+  RefreshToken = 'refreshToken'
 }