From 7eccb5f1c71f2a4ee986da57d67eea4b357984c8 Mon Sep 17 00:00:00 2001
From: root <fkskqufgk@gmial.com>
Date: Tue, 22 Jul 2025 18:34:42 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/LoginForm.tsx         |  21 +++++++--------------
 src/assets/kakao_login_medium_narrow.png | Bin 0 -> 2946 bytes
 2 files changed, 7 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/kakao_login_medium_narrow.png

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 0000000000000000000000000000000000000000..09bb358843a08576d0029ff8427120c9f5f5c36d
GIT binary patch
literal 2946
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

literal 0
HcmV?d00001