Merge pull request #2 from wowba/feature-login

Feat: 로그인 페이지 라우터 추가

README.md

@@ -18,8 +18,9 @@
 </table>
 
 ## 커밋 컨벤션
-| Feat | 새로운 기능 추가 |
+| 명칭 | 의미 |
 | --- | --- |
+| Feat | 새로운 기능 추가 |
 | Fix | 버그 수정 |
 | Docs | 문서 수정 |
 | Style | 코드 포맷팅, 세미콜론 누락 |

src/App.tsx

@@ -2,28 +2,25 @@ import React from 'react';
 import { Routes, Route } from 'react-router-dom';
 import './App.css';
 import { Layout, Home, About, Dashboard, NoMatch } from "./pages/TestPage/Test"
-
-
+import Login from './pages/LoginPage/Login';
 
 function App() {
   return (
-    <div className="App">
-      안녕하세요 wikinity 입니다!
-      <div>
-        <Routes>
-          {/* Route는 아래처럼 중첩 라우팅이 가능합니다! */}
-          <Route path="/" element={<Layout />}>
-            <Route index element={<Home />} />
-            <Route path="about" element={<About />} />
-            <Route path="dashboard" element={<Dashboard />} />
-            {/* Using path="*"" means "match anything", so this route
+    <Routes>
+      {/* *Route 기초* 추후 삭제 예정 */}
+      {/* Route는 아래처럼 중첩 라우팅이 가능합니다! */}
+      <Route path="/" element={<Layout />}>
+        <Route index element={<Home />} />
+        <Route path="about" element={<About />} />
+        <Route path="dashboard" element={<Dashboard />} />
+        {/* Using path="*"" means "match anything", so this route
                 acts like a catch-all for URLs that we don't have explicit
                 routes for. */}
-            <Route path="*" element={<NoMatch />} />
-          </Route>
-        </Routes>
-      </div>
-    </div>
+        <Route path="*" element={<NoMatch />} />
+      </Route>
+      {/* *Route 기초* */}
+      <Route path='/login' element={<Login />} />
+    </Routes>
   );
 }
 

src/pages/LoginPage/Login.tsx

@@ -0,0 +1,11 @@
+import React from "react"
+
+function Login() {
+  return (
+    <div>
+      login
+    </div>
+  )
+}
+
+export default Login