From c7ff6f8d1302c915b9eab5ac3569c9b762274f17 Mon Sep 17 00:00:00 2001
From: Geonhee Min <baekyangdan@gmail.com>
Date: Mon, 10 Nov 2025 23:33:35 +0000
Subject: [PATCH] =?UTF-8?q?issue=20#=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=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/data/form/login.schema.ts   |  1 +
 src/ui/page/login/LoginPage.tsx | 26 ++++++++++++++++++++++----
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/data/form/login.schema.ts b/src/data/form/login.schema.ts
index 87c73f3..a081ab4 100644
--- a/src/data/form/login.schema.ts
+++ b/src/data/form/login.schema.ts
@@ -3,6 +3,7 @@ import * as z from 'zod';
 export const LoginSchema = z.object({
 	email: z
 		.email()
+		.min(1, "이메일을 입력해주십시오.")
 	, password: z
 		.string()
 		.min(8, "비밀번호는 8-12 자리여야 합니다.")
diff --git a/src/ui/page/login/LoginPage.tsx b/src/ui/page/login/LoginPage.tsx
index 1dec894..c8b8e30 100644
--- a/src/ui/page/login/LoginPage.tsx
+++ b/src/ui/page/login/LoginPage.tsx
@@ -1,9 +1,12 @@
-import { Card, CardContent, CardHeader } from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardFooter } from '@/components/ui/card';
 import { LoginSchema } from '@/data/form';
+import { Field, FieldError, FieldGroup, FieldLabel, FieldLegend } from '@/components/ui/field';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import z from 'zod';
+import { Controller, useForm } from 'react-hook-form';
+import * as z from 'zod';
 
 export default function LoginPage() {
 
@@ -23,7 +26,22 @@ export default function LoginPage() {
         </CardHeader>
         <CardContent>
           <form id="form-login">
-            
+            <Controller
+              name="email"
+              control={loginForm.control}
+              render={({ field, fieldState }) => (
+                <Field data-invalid={fieldState.invalid}>
+                  <FieldLabel htmlFor="form-login-email">이메일</FieldLabel>
+                  <Input
+                    {...field}
+                    id="form-login-email"
+                    aria-invalid={fieldState.invalid}
+                  />
+                  <FieldError errors={[fieldState.error]} />
+                </Field>
+              )}
+            >
+            </Controller>
           </form>
         </CardContent>
       </Card>