병합

.env

+BROWSER=none
+
+PORT=4000
+MONGO_URI=mongodb://localhost/
\ No newline at end of file

client/src/App.js

@@ -12,7 +12,7 @@ function App() {
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <p>
-         안녕하세요
+          Edit <code>src/App.js</code> and save to reload.
         </p>
         <a
           className="App-link"
@@ -22,7 +22,6 @@ function App() {
         >
           Learn React
         </a>
-        <Button onClick={btnfunc} >button</Button>
       </header>
     </div>
   );

client/src/Components/MainNav.js

+import React, { useState, useEffect, useRef } from 'react';
+import { Link } from 'react-router-dom';
+
+function MainNav() {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default MainNav
\ No newline at end of file

client/src/Components/SubNav.js

+import React, { useState, useEffect, useRef } from 'react';
+import { Link } from 'react-router-dom';
+
+function SubNav() {
+
+    return (
+        <div>
+        </div>
+    )
+}
+
+export default SubNav
\ No newline at end of file

client/src/Pages/Admin.js

+import React, { useState, useEffect, useRef } from 'react';
+import { Redirect } from 'react-router';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function Admin() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default Admin
\ No newline at end of file

client/src/Pages/Home.js

+import React, { useState, useEffect, useRef } from 'react';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function Home() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default Home
\ No newline at end of file

client/src/Pages/Login.js

+import React, { useState, useEffect, useRef } from 'react';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function Login() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default Login
\ No newline at end of file

client/src/Pages/Payment.js

+import React, { useState, useEffect, useRef } from 'react';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function Payment() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default Payment
\ No newline at end of file

client/src/Pages/Products.js

+import React, { useState, useEffect, useRef } from 'react';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function Products() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default Products
\ No newline at end of file

client/src/Pages/ProductsList.js

+import React, { useState, useEffect, useRef } from 'react';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+import Products from './Products';
+
+function ProductsList() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default ProductsList
\ No newline at end of file

client/src/Pages/ProductsRegist.js

+import React, { useState, useEffect, useRef } from 'react';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function ProductsRegist() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default ProductsRegist
\ No newline at end of file

client/src/Pages/ShoppingCart.js

+import React, { useState, useEffect, useRef } from 'react';
+import { Redirect } from 'react-router';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function ShoppingCart() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default ShoppingCart
\ No newline at end of file

client/src/Pages/Signup.js

+import React, { useState, useEffect, useRef } from 'react';
+import { Redirect } from 'react-router';
+import Nav1 from '../Components/MainNav';
+import Nav2 from '../Components/SubNav';
+
+function Signup() {
+
+    return (
+        <div>
+            <Nav1 />
+            <Nav2 />
+            
+        </div>
+    )
+}
+
+export default Signup
\ No newline at end of file

client/src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
+import { BrowserRouter as Router, Route, Redirect, Switch } from 'react-router-dom';
+import Home from './Pages/Home';
+import Login from './Pages/Login';
+import Signup from './Pages/Signup';
+import Admin from './Pages/Admin';
+import ShoppingCart from './Pages/ShoppingCart';
+import Payment from './Pages/Payment';
 import reportWebVitals from './reportWebVitals';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
 ReactDOM.render(
   <React.StrictMode>
-    <App />
+    <Router>
+      <Switch>
+        <Route exact path="/" component={Home} />
+        <Route path="/login" component={Login} />
+        <Route path="/signup" component={Signup} />
+        <Redirect path="/" to="/" />
+      </Switch>
+    </Router>
   </React.StrictMode>,
   document.getElementById('root')
 );

server/app.js

+// const createError = require('http-errors');
+const express = require('express');
+const path = require('path');
+const cookieParser = require('cookie-parser');
+const logger = require('morgan');
+const port = 3030;
+
+const indexRouter = require('./routes/index');
+
+const app = express();
+connect();
+
+// view engine setup
+// app.set('views', path.join(__dirname, 'views'));
+// app.set('view engine', 'pug');
+
+// app.use(logger('dev'));
+app.use(express.json());
+app.use(express.urlencoded({ extended: false }));
+// app.use(cookieParser(process.env.JWT_SECRET));
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use('/', indexRouter);
+
+app.listen(port, () => console.log(port));
+
+// catch 404 and forward to error handler
+app.use(function(req, res, next) {
+  next(createError(404));
+});
+
+// error handler
+app.use(function(err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message;
+  res.locals.error = req.app.get('env') === 'development' ? err : {};
+
+  // render the error page
+  res.status(err.status || 500);
+  // res.render('error');
+});
+
+module.exports = app;
\ No newline at end of file