feat: 로그인 페이지 생성

frontend/src/component/NavBar.js

@@ -1,24 +1,46 @@
 import React from "react";
 import {Link} from "react-router-dom";
+import {KAKAO_AUTH_URL} from "../auth/OAuth";
+import HOME from "../images/home.png";
+import POSTS from "../images/posts.png";
+import LOCATION from "../images/location.png";
+import CHAT from "../images/chat.png";
+import PROFILE from "../images/profile.png";
+import styles from "../page/style/Navbar.css"
 
 export const NavBar = () => {
     return (
-        <>
-            <Link to="/post-list">
-                <button>HOME</button>
+        <div className={"menu-logo"}>
+            <Link to="/login">
+                <img
+                    style={{ width: "1.5rem" }}
+                    src={HOME}/>
+                <div>홈</div>
             </Link>
-            <Link to="/post-detail">
-                <button>Item Detail</button>
+            <Link to="/post-list">
+                <img
+                    style={{ width: "1.5rem" }}
+                    src={POSTS}/>
+                <div>동네생활</div>
             </Link>
-            <Link to="/mypage">
-                <button>My page</button>
+            <Link to="/location">
+                <img
+                    style={{ width: "1.5rem" }}
+                    src={LOCATION}/>
+                <div>내 근처</div>
             </Link>
-            <Link to="/login">
-                <button>Login page</button>
+            <Link to="/chat">
+                <img
+                    style={{ width: "1.5rem" }}
+                    src={CHAT}/>
+                <div>채팅</div>
             </Link>
-            <Link to="/signup">
-                <button>Sign Up page</button>
+            <Link to="/profile">
+                <img
+                    style={{ width: "1.5rem" }}
+                    src={PROFILE}/>
+                <div>나의 당근</div>
             </Link>
-        </>
+        </div>
     );
 }

frontend/src/page/LoginPage.js

@@ -2,7 +2,8 @@ import React, {useState} from "react";
 import {Link, Route} from "react-router-dom";
 import axios from "axios";
 import {KAKAO_AUTH_URL} from "../auth/OAuth";
-import KAKAO_LOGO from "../images/kakao_login_large_wide.png"
+import DANGN_LOGO from "../images/dangn_logo.png"
+import KAKAO_BUTTON from "../images/kakao_login_medium_wide.png"
 import styles from '../App.css';
 
 export const LoginPage = () => {
@@ -32,15 +33,30 @@ export const LoginPage = () => {
 
     return (
         <div>
-            <h1>Login Page</h1>
-            <input type={"text"} placeholder={"ID"} onChange={changeId}/><br/>
-            <input type={"password"} placeholder={"PW"} onChange={changePw}/><br/>
-            <input type={"button"} onClick={loginSubmit} value={"submit"}/>
-            <Route>
-                    <Link to={"/signup"}><button>Sign Up</button></Link>
-            </Route>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <img
+                style={{ width: "10rem" }}
+                src={DANGN_LOGO}/>
+            <h2>당신 근처의 중고책 마켓</h2>
+            <div>중고 서적 거래</div>
+            <div>지금 내 대학교를 인증하고 시작해보세요!</div>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
+            <br/>
             <a href={KAKAO_AUTH_URL}>
-                <img src={KAKAO_LOGO}></img>
+                <img src={KAKAO_BUTTON}/>
             </a>
         </div>
     )

frontend/src/page/RouterPage.js

@@ -19,17 +19,19 @@ export const RouterPage = () => {
     return (
         <div>
             <BrowserRouter>
-                <NavBar/>
+
                 <Switch>
-                    <Route path="/post-list" component={ItemListPage}/>
-                    <Route path="/post-detail" component={ItemDetailPage}/>
-                    <Route path="/mypage" component={MyPage}/>
                     <Route path="/login" component={LoginPage}/>
+                    <Route path="/post-list" component={ItemListPage}/>
+                    <Route path="/location" component={ItemDetailPage}/>
+                    <Route path="/chat" component={SignUpPage}/>
+                    <Route path="/profile" component={MyPage}/>
                     <Route path="/oauth2/redirect" component={OAuth2RedirectHandler} />
-                    <Route path="/signup" component={SignUpPage}/>
-                    <Route path="/mypage" component={MyPage}/>
-                    <Redirect path="*" to="/post-list"/>
+                    {/*<Route path="/mypage" component={MyPage}/>*/}
+                    <Redirect path="*" to="/login"/>
                 </Switch>
+                <br/>
+                <NavBar/>
             </BrowserRouter>
         </div>
     )

frontend/src/page/style/Navbar.css

@@ -0,0 +1,6 @@
+.menu-logo {
+    margin: 0rem 0rem 0rem 0.5rem;
+    display: flex;
+    vertical-align: middle;
+    align-items: center;
+}

frontend/src/page/style/Pages.css

@@ -0,0 +1,15 @@
+.main-page {
+    background: #ffffff;
+    font-family: "BauctionMainFont";
+    color: #141a24;
+    font-size: 1.2rem;
+    text-align: center;
+    min-height: 100vh;
+}
+
+.login-page-link {
+    font-size: 0.8rem;
+    font-weight: bold;
+    margin: 0rem 0rem 0rem 21rem !important;
+}
+