a

client/src/Pages/HomePage.js

@@ -239,6 +239,7 @@ function Home() {
   }, [])
 
   return (
+    
     <div style={{ weight: "100vw", height: "100vh", backgroundColor: "" }}>
       <Menu style={{ weight: "100%", height: "10%" }} />
       <Row className="mr-0" style={{ weight: "100%", height: "80%" }}>

client/src/Pages/LogInPage.js

@@ -54,9 +54,9 @@ function LogIn() {
     return (
         <>
             <Menu />
-            <Form onSubmit={handleSubmit} className='vh-85 flex-column align-items-center justify-content-center mt-2'>
-                <Container className="d-flex justify-content-center">
-                    <div className="mt-5 p-5 shadow w-75">
+            <Form onSubmit={handleSubmit} className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
+                <div className="d-flex justify-content-center">
+                    <div className="mt-5 p-5 mr-2" style={{ display: "flex", flexDirection: "column", borderStyle: "solid", borderRadius: "5px", borderColor: "#4A5D7E", backgroundColor: "#FFFFFF", padding: '15px', position: "relative" }}>
                         <h2 className="text-center">로그인</h2>
                         <Form.Group controlId="formGroupEmail">
                             <Form.Label>이메일</Form.Label>
@@ -100,7 +100,7 @@ function LogIn() {
                             {error}
                         </Alert>}
                     </div>
-                </Container>
+                </div>
             </Form>
         </>
     );

client/src/Pages/SignUpPage.js

 import React, { useState, useEffect } from 'react';
 import axios from 'axios'
-import { Button, Form, Container, Alert, Spinner} from 'react-bootstrap';
+import { Button, Form, Container, Alert, Spinner } from 'react-bootstrap';
 import catchErrors from '../utils/catchErrors';
 import { Redirect } from 'react-router-dom';
 import Menu from '../Components/Menu';
@@ -17,7 +17,7 @@ function SingUp() {
     const [user, setUser] = useState(INIT_USER)
     const [error, setError] = useState('')
     const [disabled, setDisabled] = useState(true)
-    const [success, setSuccess] = useState(false)    
+    const [success, setSuccess] = useState(false)
     const [loading, setLoading] = useState(false)
 
     useEffect(() => {
@@ -54,9 +54,10 @@ function SingUp() {
     return (
         <>
             <Menu />
-            <Form onSubmit={handleSubmit} className='vh-100 flex-column align-items-center justify-content-center mt-2'>
-                <Container className="d-flex justify-content-center">
-                    <div className="mt-5 p-5 shadow w-75">
+            <Form onSubmit={handleSubmit} className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
+                <div className="d-flex justify-content-center align-items-center">
+                    <div className="p-5 mt-3" style={{ display: "flex", flexDirection: "column", borderStyle: "solid", borderRadius: "5px", borderColor: "#4A5D7E", backgroundColor: "#FFFFFF", padding: '15px', position: "relative" }}>
+
 
                         <h2 className="text-center ">회원가입</h2>
 
@@ -129,7 +130,7 @@ function SingUp() {
                             {error}
                         </Alert>}
                     </div>
-                </Container>
+                </div>
             </Form>
         </>
     )

client/src/utils/auth.js

@@ -8,6 +8,7 @@ export function handleLogin(data) {
 
 export async function handleLogout() {
     sessionStorage.clear();
+    alert('로그아웃 되었습니다')
     await axios.get('/auth/logout')
     //login페이지로 이동
     // window.location.href='/login'