From 81ce79957dea90274467e7fef21a838d0f1463d0 Mon Sep 17 00:00:00 2001
From: Geonhee Min <baekyangdan@gmail.com>
Date: Mon, 10 Nov 2025 23:47:12 +0000
Subject: [PATCH] =?UTF-8?q?issue=20#=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B5=AC=ED=98=84=20=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/page/login/LoginPage.tsx | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/ui/page/login/LoginPage.tsx b/src/ui/page/login/LoginPage.tsx
index 0dedc79..e65f962 100644
--- a/src/ui/page/login/LoginPage.tsx
+++ b/src/ui/page/login/LoginPage.tsx
@@ -4,11 +4,14 @@ import { Field, FieldError, FieldGroup, FieldLabel, FieldLegend } from '@/compon
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useState } from 'react';
+import { useState, useCallback } from 'react';
 import { Controller, useForm } from 'react-hook-form';
+import { useNavigate } from 'react-router-dom';
+import { PageRouting } from '@/data/RoutingData';
 import * as z from 'zod';
 
 export default function LoginPage() {
+  const navigate = useNavigate();
 
   const loginForm = useForm<z.infer<typeof LoginSchema>>({
     resolver: zodResolver(LoginSchema),
@@ -18,6 +21,10 @@ export default function LoginPage() {
     }
   });
 
+  const moveToSignUpPage = useCallback(() => {
+    navigate(PageRouting["SIGN_UP"].path);
+  }, []);
+
   return (
     <div className="w-full h-full flex flex-col justify-center items-center">
       <Card className="w-md pl-2 pr-2">
@@ -62,15 +69,15 @@ export default function LoginPage() {
             </Controller>
           </form>
         </CardContent>
-        <CardFooter>
-          <div className="flex flex-row self-end gap-[5px]">
-            <Button type="submit" form="form-login">
-                로그인
-            </Button>
-            <Button>
-              회원가입
-            </Button>
-          </div>
+        <CardFooter
+          className="w-full flex flex-row items-end justify-center gap-[5px]"
+        >
+          <Button type="submit" form="form-login">
+            로그인
+          </Button>
+          <Button>
+            회원가입
+          </Button>
         </CardFooter>
       </Card>
     </div>