.

client/src/Components/Login.js

 import React, { useState, useEffect } from 'react'
-import { Alert, Col, Container, Form, Row, Button, Spinner, Image } from "react-bootstrap"
+import { Alert, Col, Container, Form, Row, Button, Spinner, Image, Nav, Navbar } from "react-bootstrap"
 import axios from "axios"
 import catchErrors from '../utils/catchErrors'
 import { Redirect } from 'react-router-dom'
@@ -53,8 +53,10 @@ function Login() {
 
     return (
         <Container>
-            <Row className= 'vh-100 flex-column align-items-center justify-content-center'>
-            <Link to='/'><Image src={ohuh}/></Link>
+            <Navbar bg="#fff" variant="light">
+                <Navbar.Brand href="/"><Image src={ohuh}/></Navbar.Brand>
+            </Navbar>
+            <Row className= 'mt-3 flex-column align-items-center justify-content-center'>
             <h2>로그인</h2>
                 <Col md={6}>
             {error && <Alert variant='danger'>
@@ -69,10 +71,13 @@ function Login() {
                         <Form.Label>비밀번호</Form.Label>
                         <Form.Control name='password' type='password' value={user.password} onChange={handleChange}/>
                     </Form.Group>
-                    <Button disabled={disabled || setLoading} type='submit' 
+                    <Button variant="info" disabled={disabled || setLoading} type='submit' 
                     block>
                         {loading && <Spinner as= 'span' animation= 'border' size='sm' 
                         role= 'status' aria-hidden=  'true' />}{' '}확인</Button>
+                    <Link to='/signup'>
+                    회원가입하지않으셨나요?
+                    </Link>
                 </Form>
                 </Col>
             </Row>

client/src/Components/Signup.js

 import React, { useState, useEffect } from 'react'
-import {  Col, Container, Form, Row, Button, Alert, Image } from "react-bootstrap"
+import {  Col, Container, Form, Row, Button, Alert, Image, Nav, Navbar } from "react-bootstrap"
 import axios from "axios"
 import catchErrors from '../utils/catchErrors'
 import { Redirect } from 'react-router-dom'
@@ -49,9 +49,11 @@ function Signup() {
 
     return (
         <Container>
-            <Row className= 'vh-100 flex-column align-items-center justify-content-center'>
-                <Link to='/'><Image src={ohuh}/></Link>
-                 <h2>회원가입</h2>
+            <Navbar bg="#fff" variant="light">
+                <Navbar.Brand href="/"><Image src={ohuh}/></Navbar.Brand>
+            </Navbar>
+            <Row className= 'mt-3 flex-column align-items-center justify-content-center'>
+                <h2>회원가입</h2>
                 <Col md={5}>
             {error && <Alert variant='danger'>
                 {error}
@@ -69,7 +71,7 @@ function Signup() {
                         <Form.Label>비밀번호</Form.Label>
                         <Form.Control name='password' type='password' value={user.password} onChange={handleChange}/>
                     </Form.Group>
-                    <Button disabled={disabled} type='submit' block>확인</Button>
+                    <Button variant="info" disabled={disabled} type='submit' block>확인</Button>
                 </Form>
                 </Col>
             </Row>