fix: 쿠키 코드 변경 #230

src/app/my-page/page.tsx

@@ -20,6 +20,9 @@ import styles from './page.module.scss';
 
 const cx = classNames.bind(styles);
 
+const TOP_MARGIN = 96;
+const BOTTOM_MARGIN = 97;
+
 function MyProfilePage() {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [cookies, removeCookie] = useCookies(['token']);
@@ -40,18 +43,15 @@ function MyProfilePage() {
     logout();
   };
 
-  const topMargin = 96;
-  const bottomMargin = 97;
-
   if (isLoggedIn === false) {
     return (
       <>
         <Confirmation
           title={REQUIRED_LOGIN.title}
           description={REQUIRED_LOGIN.description}
           options={REQUIRED_LOGIN.options}
-          topMargin={topMargin}
-          bottomMargin={bottomMargin}
+          topMargin={TOP_MARGIN}
+          bottomMargin={BOTTOM_MARGIN}
         />
         <BottomNav />
       </>

src/remote/api/common.api.ts

@@ -1,9 +1,9 @@
 /* eslint-disable no-param-reassign */
-import { useCookies } from 'react-cookie';
 
 import axios, { InternalAxiosRequestConfig, AxiosError, AxiosResponse } from 'axios';
 
 import { axiosInstance } from '@remote/api/instance.api';
+import { getCookie } from '@utils/cookies';
 import logOnDev from '@utils/logOnDev';
 
 axiosInstance.interceptors.request.use(
@@ -12,11 +12,9 @@ axiosInstance.interceptors.request.use(
      * request 직전 공통으로 진행할 작업
      */
     if (config && config.headers) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const [cookies, setCookie] = useCookies(['token']);
-
-      if (cookies.token) {
-        config.headers.Authorization = cookies.token as string;
+      const token = getCookie('token') as string;
+      if (token) {
+        config.headers.Authorization = token;
         config.headers['Content-Type'] = 'application/json';
       }
     }