issue # 로그인 화면 구현 중

src/ui/page/login/LoginPage.tsx

@@ -34,6 +34,7 @@ export default function LoginPage() {
                   <FieldLabel htmlFor="form-login-email">이메일</FieldLabel>
                   <Input
                     {...field}
+                    type="email"
                     id="form-login-email"
                     aria-invalid={fieldState.invalid}
                   />
@@ -42,8 +43,35 @@ export default function LoginPage() {
               )}
             >
             </Controller>
+            <Controller
+              name="password"
+              control={loginForm.control}
+              render={({ field, fieldState }) => (
+                <Field data-invalid={fieldState.invalid}>
+                  <FieldLabel htmlFor="form-login-password">비밀번호</FieldLabel>
+                  <Input
+                    {...field}
+                    type="password"
+                    id="form-login-password"
+                    aria-invalid={fieldState.invalid}
+                  />
+                  <FieldError errors={[fieldState.error]} />
+                </Field>
+              )}
+            >
+            </Controller>
           </form>
         </CardContent>
+        <CardFooter>
+          <div className="flex flex-row self-end gap-[5px]">
+            <Button type="submit" form="form-login">
+                로그인
+            </Button>
+            <Button>
+              회원가입
+            </Button>
+          </div>
+        </CardFooter>
       </Card>
     </div>
   )