diff --git a/src/app/components/LoginForm.tsx b/src/app/components/LoginForm.tsx
index bf1f011..9a38a70 100644
--- a/src/app/components/LoginForm.tsx
+++ b/src/app/components/LoginForm.tsx
@@ -2,6 +2,8 @@
 
 import axios from "axios";
 import { useState } from "react";
+import loginButton from '@/assets/kakao_login_medium_narrow.png';
+
 
 const LoginForm = () => {
     const [id, setId] = useState('')    //ID
@@ -13,29 +15,20 @@ const LoginForm = () => {
     const requestUrl = 'http://localhost:8080/login/oauth-kakao'
 
     const login = () => {
-        setParams({id, pw})
-        console.log(id, pw)
-        axios.post(requestUrl, params).then((res) => {
+        axios.post(requestUrl).then((res) => {
             console.log(requestUrl + "===>")
             console.log(res.data)
         }).catch((e) => {
+            console.log('errorMsg' + "===>")
             console.log(e)
         })
     }
 
     return (
         <>
-            <input type="text"
-            placeholder="ID"
-            value={id}
-            onChange={(e) => {setId(e.target.value)}}/>
-
-            <input type="password"
-            placeholder="PW"
-            value={pw}
-            onChange={(e) => {setPw(e.target.value)}}/>
-
-            <button type="button" onClick={login}>로그인하기</button>
+            <button type="button" onClick={login}>
+                <img src={loginButton.src} alt="카카오톡 로그인"/>
+            </button>
         </>
     )
 }
diff --git a/src/assets/kakao_login_medium_narrow.png b/src/assets/kakao_login_medium_narrow.png
new file mode 100644
index 0000000..09bb358
Binary files /dev/null and b/src/assets/kakao_login_medium_narrow.png differ