diff --git a/src/views/user/TheLogin.vue b/src/views/user/TheLogin.vue
index dfbac2a..f477984 100644
--- a/src/views/user/TheLogin.vue
+++ b/src/views/user/TheLogin.vue
@@ -8,12 +8,27 @@
 </template>
 
 <script setup>
+import $api from '@/common/axios-interceptor';
+import router from '@/router';
 import LoginForm from '@c/user/LoginForm.vue';
 import LogoHeader from '@c/user/LogoHeader.vue';
 
-    const handleSubmit = async ({ id, password }) => {
-        console.log('Login');
-    };
+const handleSubmit = async ({ id, password }) => {
+    try {
+        const response = await $api.post('user/login', {
+            loginId: id,
+            password: password,
+            remember: false,
+        });
+
+        if (response.status === 200) {
+            console.log('로그인 성공', response.data);
+            router.push('/');
+        }
+    } catch (error) {
+        console.error('로그인 실패', error);
+    }
+};
 </script>
 
 <style></style>