diff --git a/src/app/components/LoginForm.tsx b/src/app/components/LoginForm.tsx
index 94bec41..2e069cb 100644
--- a/src/app/components/LoginForm.tsx
+++ b/src/app/components/LoginForm.tsx
@@ -3,6 +3,7 @@
 import axios from "axios";
 import { useState } from "react";
 import loginButton from '@/assets/kakao_login_medium_narrow.png';
+import Link from "next/link";
 
 
 const LoginForm = () => {
@@ -30,9 +31,11 @@ const LoginForm = () => {
 
     return (
         <>
-            <button type="button" onClick={login}>
+        <Link href={'https://kauth.kakao.com/oauth/authorize'}>
+            <button type="button">
                 <img src={loginButton.src} alt="카카오톡 로그인"/>
             </button>
+            </Link>
         </>
     )
 }