diff --git a/app/frontend/src/pages/Main/index.tsx b/app/frontend/src/pages/Main/index.tsx
index 1f801a314..fe0b9ac8a 100644
--- a/app/frontend/src/pages/Main/index.tsx
+++ b/app/frontend/src/pages/Main/index.tsx
@@ -1,7 +1,7 @@
 import { ReactComponent as GoogleIcon } from '@/assets/icons/google.svg';
 import { Button } from '@/components';
 import { MAIN_IMAGE, URL } from '@/constants';
-import { useUserAtom } from '@/stores';
+import { getCookies } from '@/utils';
 
 import * as styles from './index.css';
 
@@ -9,7 +9,8 @@ export function Main() {
   const onClickGoogleLogin = () => {
     window.location.href = `${URL.API}/auth/google/login`;
   };
-  const [user] = useUserAtom();
+
+  const isLogin = getCookies('access_token');
 
   return (
     <div className={styles.container}>
@@ -22,7 +23,7 @@ export function Main() {
           모락과 함께하세요
         </div>
         <div className={styles.login}>
-          {!user && (
+          {!isLogin && (
             <Button
               type="button"
               theme="primary"
diff --git a/app/frontend/src/services/morakAPI.ts b/app/frontend/src/services/morakAPI.ts
index e8b3548cb..e3a2da9f6 100644
--- a/app/frontend/src/services/morakAPI.ts
+++ b/app/frontend/src/services/morakAPI.ts
@@ -1,8 +1,17 @@
 import axios from 'axios';
 
 import { URL } from '@/constants';
+import { getCookies } from '@/utils';
+
+const initialHeaders = {
+  'Content-Type': 'application/json',
+  Accept: 'application/json',
+};
+const headers = getCookies('access_token')
+  ? { ...initialHeaders, Authorization: `Bearer ${getCookies('access_token')}` }
+  : initialHeaders;
 
 export const morakAPI = axios.create({
   baseURL: import.meta.env.DEV ? '' : URL.API,
-  headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
+  headers,
 });