From b08561fe298e537a502d042612e737b9977c2e30 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 6 Mar 2025 18:51:10 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/auth/login/api/login.ts     | 12 +++------
 .../cs/src/pages/auth/login/ui/login-page.tsx | 25 ++++++++++++++++---
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/apps/cs/src/pages/auth/login/api/login.ts b/apps/cs/src/pages/auth/login/api/login.ts
index 29af04cb2..da407960c 100644
--- a/apps/cs/src/pages/auth/login/api/login.ts
+++ b/apps/cs/src/pages/auth/login/api/login.ts
@@ -62,15 +62,9 @@ export class LoginApiService implements LoginService {
         throw new Error("No refresh token available");
       }
 
-      const response = await client.put(
-        ENDPOINT.USER_SERVICE.SILENT_REFRESH,
-        {},
-        {
-          headers: {
-            [CLAIM_NAME]: refreshToken,
-          },
-        },
-      );
+      tokenManager.setToken(CLAIM_NAME, refreshToken);
+
+      const response = await client.put(ENDPOINT.USER_SERVICE.SILENT_REFRESH);
 
       const accessToken = response.headers[ACCESS_TOKEN];
       const tokenId = response.headers[TOKEN_ID];
diff --git a/apps/cs/src/pages/auth/login/ui/login-page.tsx b/apps/cs/src/pages/auth/login/ui/login-page.tsx
index 7b09aa6ee..41c8f57df 100644
--- a/apps/cs/src/pages/auth/login/ui/login-page.tsx
+++ b/apps/cs/src/pages/auth/login/ui/login-page.tsx
@@ -1,9 +1,21 @@
+"use client";
+
 import Image from "next/image";
 import { images } from "@common/assets";
-
+import { LoginApi } from "../api/login";
 import "./login.css";
 
 function LoginPage() {
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+
+    const formData = new FormData(e.target as HTMLFormElement);
+    const userId = formData.get("id") as string;
+    const password = formData.get("password") as string;
+
+    LoginApi.login({ userId, password });
+  };
+
   return (
     <div className="login fx">
       <div className="left_box fx">
@@ -19,7 +31,12 @@ function LoginPage() {
           <Image src={images.logo} width={229} height={46} alt="logo" />
         </div>
       </div>
-      <form id="loginForm" name="loginForm" method="post">
+      <form
+        id="loginForm"
+        name="loginForm"
+        method="post"
+        onSubmit={handleSubmit}
+      >
         <div className="login_box fx">
           <ul className="fx">
             <li>
@@ -63,9 +80,9 @@ function LoginPage() {
             </div>
             {/* <a href="javascript:fnUserSearch();" className=" pw_message fx"><i className="xi-external-link"></i>비밀번호 또는 아이디를 잃어버리셨나요?</a> */}
           </div>
-          <a className="login_btn fx">
+          <button type="submit" className="login_btn fx">
             <span>LOGIN</span>
-          </a>
+          </button>
           <div className="footer">
             <div className="copy fx">
               <p>copyright © 2023 KECO. All rights reserved.</p>