issue # 로그인 페이지 라우팅

src/App.tsx

@@ -7,6 +7,7 @@ import Layout from './layouts/Layout';
 import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
 import { useAuthStore } from './store/authStore';
 import { PageRouting } from './data/RoutingData';
+import LoginPage from './ui/page/login/LoginPage';
 
 function App() {
   const { authData } = useAuthStore();
@@ -15,8 +16,9 @@ function App() {
     <Router>
       <Routes>
         <Route element={<Layout />}>
+          <Route element={<LoginPage />} path={PageRouting["LOGIN"].path} />
           <Route element={<SignUpPage />} path={PageRouting["SIGN_UP"].path} />
-          {!(authData?.isLogedIn) ? <Route element={<Navigate to={`/${PageRouting["SIGN_UP"].path}`} />} path="*" /> : null}
+          {!(authData?.isLogedIn) ? <Route element={<Navigate to={`/${PageRouting["LOGIN"].path}`} />} path="*" /> : null}
         </Route>
       </Routes>
     </Router>

src/ui/page/login/LoginPage.tsx

@@ -0,0 +1,32 @@
+import { Card, CardContent, CardHeader } from '@/components/ui/card';
+import { LoginSchema } from '@/data/form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import z from 'zod';
+
+export default function LoginPage() {
+
+  const loginForm = useForm<z.infer<typeof LoginSchema>>({
+    resolver: zodResolver(LoginSchema),
+    defaultValues: {
+      email: "",
+      password: ""
+    }
+  });
+
+  return (
+    <div className="w-full h-full flex flex-col justify-center items-center">
+      <Card className="w-md pl-2 pr-2">
+        <CardHeader>
+          로그인
+        </CardHeader>
+        <CardContent>
+          <form id="form-login">
+            
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}