bootstrap 적용 및 기타

client/src/App.js

@@ -10,11 +10,13 @@ function App() {
   return (
     <Router basename={process.env.PUBLIC_URL}>
       <Switch>
+        <div style={{ width: "400px" }}>
           <Route path="/" component={Err} />
           <Route path="/home" component={HomePage} />
           <Route path="/schedule/edit" component={ScheduleEditPage} />
           <Route path="/schedule" component={SchedulePage} />
-        <PrivateRoute path="/admin" component={AdminPage} role="admin" />
+          {/* <PrivateRoute path="/admin" component={AdminPage} role="admin" /> */}
+        </div>
       </Switch>
     </Router>
   );

client/src/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import 'bootstrap';
+import 'bootstrap/dist/css/bootstrap.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 

client/src/pages/ErrorPage.js

 const ErrorPage = () => {
     return (
-        <div className="bg-white " id="notfound">
-            <div className="notfound" style={{ backgroundImage: `url(/ku-tiger.png)`, backgroundSize: "cover" }}>
-                <div className="notfound-404"></div>
+        <div className="d-flex bg-white" id="notfound">
+            <div className="notfound">
+                <img src="./ku-tiger.png" />
                 <h1>404</h1>
-                <h2>Oops! Page Not Be Found</h2>
+                <h2 className="text-center">Oops! Page Not Be Found</h2>
                 <p>Sorry but the page you are looking for does not exist, have been removed. name changed or is temporarily unavailable</p>
-                <a href="/">Back to homepage</a>
+                <a className="text-center" href="/login">Back to login</a>
             </div>
         </div>
     )