From a318693d4222b2a8bb88f8b242b40768f5987399 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=9C=EB=8F=99=ED=98=84?= <hando1220@ajou.ac.kr>
Date: Fri, 28 Feb 2025 14:23:21 +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=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/login-form.tsx | 41 +++++++++++++++++++++++++++++++++++
src/pages/Login.tsx | 11 ++++++++++
src/routes.tsx | 2 ++
3 files changed, 54 insertions(+)
create mode 100644 src/components/login-form.tsx
create mode 100644 src/pages/Login.tsx
diff --git a/src/components/login-form.tsx b/src/components/login-form.tsx
new file mode 100644
index 0000000..999fca0
--- /dev/null
+++ b/src/components/login-form.tsx
@@ -0,0 +1,41 @@
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+
+export function LoginForm({ className, ...props }: React.ComponentPropsWithoutRef<'div'>) {
+ return (
+ <div className={cn('flex flex-col gap-6', className)} {...props}>
+ <Card>
+ <CardHeader>
+ <CardTitle className="text-2xl">로그인</CardTitle>
+ <CardDescription>아올다 통합 계정을 사용하여 로그인합니다</CardDescription>
+ </CardHeader>
+ <CardContent>
+ <form>
+ <div className="flex flex-col gap-6">
+ <div className="grid gap-2">
+ <Label htmlFor="username">사용자 이름</Label>
+ <Input id="username" type="text" placeholder="사용자 이름" required />
+ </div>
+ <div className="grid gap-2">
+ <Label htmlFor="password">비밀번호</Label>
+ <Input id="password" type="password" placeholder="비밀번호" required />
+ </div>
+ <Button type="submit" className="w-full">
+ 로그인
+ </Button>
+ </div>
+ <div className="mt-4 text-center text-sm">
+ 계정이 없으신가요?
+ <a href="#" className="ml-2 underline underline-offset-4">
+ 아올다 프로젝트 신청하기
+ </a>
+ </div>
+ </form>
+ </CardContent>
+ </Card>
+ </div>
+ );
+}
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
new file mode 100644
index 0000000..cddce64
--- /dev/null
+++ b/src/pages/Login.tsx
@@ -0,0 +1,11 @@
+import { LoginForm } from '@/components/login-form';
+
+export default function Page() {
+ return (
+ <div className="flex min-h-svh w-full justify-center p-6 md:p-10">
+ <div className="w-full max-w-sm">
+ <LoginForm />
+ </div>
+ </div>
+ );
+}
diff --git a/src/routes.tsx b/src/routes.tsx
index 0d9719d..9134499 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -1,12 +1,14 @@
import { Routes, Route } from 'react-router';
import Root from '@/pages/Root';
import Home from '@/pages/Home';
+import Login from '@/pages/Login';
export default function AppRoutes() {
return (
<Routes>
<Route path="/" element={<Root />}>
<Route index element={<Home />} />
+ <Route path="login" element={<Login />} />
</Route>
</Routes>
);
--
GitLab