3 년 전 · b6b86cbe4b
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -3,12 +3,20 @@
 
				   "version": "0.1.0",
			
 
				   "private": true,
			
 
				   "dependencies": {
			
 
				+    "@mui/material": "^5.0.0",
			
 
				+    "@mui/x-data-grid": "^4.0.0",
			
 
				+    "@reduxjs/toolkit": "^1.6.1",
			
 
				     "@testing-library/jest-dom": "^5.11.4",
			
 
				     "@testing-library/react": "^11.1.0",
			
 
				     "@testing-library/user-event": "^12.1.10",
			
 
				     "react": "^17.0.2",
			
 
				     "react-dom": "^17.0.2",
			
 
				+    "react-redux": "^7.2.5",
			
 
				+    "react-router-dom": "^5.3.0",
			
 
				     "react-scripts": "4.0.3",
			
 
				+    "redux": "^4.1.1",
			
 
				+    "redux-thunk": "^2.3.0",
			
 
				+    "redux-thunks": "^1.0.0",
			
 
				     "web-vitals": "^1.0.1"
			
 
				   },
			
 
				   "scripts": {
			
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -1,43 +1,22 @@
 
				 <!DOCTYPE html>
			
 
				 <html lang="en">
			
 
				-  <head>
			
 
				-    <meta charset="utf-8" />
			
 
				-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
			
 
				-    <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				-    <meta name="theme-color" content="#000000" />
			
 
				-    <meta
			
 
				-      name="description"
			
 
				-      content="Web site created using create-react-app"
			
 
				-    />
			
 
				-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
			
 
				-    <!--
			
 
				-      manifest.json provides metadata used when your web app is installed on a
			
 
				-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
			
 
				-    -->
			
 
				-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
			
 
				-    <!--
			
 
				-      Notice the use of %PUBLIC_URL% in the tags above.
			
 
				-      It will be replaced with the URL of the `public` folder during the build.
			
 
				-      Only files inside the `public` folder can be referenced from the HTML.
			
 
				+<head>
			
 
				+    <meta charset="utf-8"/>
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
			
 
				+    <title>Schedule Constructor</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+<noscript>You need to enable JavaScript to run this app.</noscript>
			
 
				+<div id="root"></div>
			
 
				+<!--
			
 
				+  This HTML file is a template.
			
 
				+  If you open it directly in the browser, you will see an empty page.
			
 
				 
			
 
				-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
			
 
				-      work correctly both with client-side routing and a non-root public URL.
			
 
				-      Learn how to configure a non-root public URL by running `npm run build`.
			
 
				-    -->
			
 
				-    <title>React App</title>
			
 
				-  </head>
			
 
				-  <body>
			
 
				-    <noscript>You need to enable JavaScript to run this app.</noscript>
			
 
				-    <div id="root"></div>
			
 
				-    <!--
			
 
				-      This HTML file is a template.
			
 
				-      If you open it directly in the browser, you will see an empty page.
			
 
				+  You can add webfonts, meta tags, or analytics to this file.
			
 
				+  The build step will place the bundled scripts into the <body> tag.
			
 
				 
			
 
				-      You can add webfonts, meta tags, or analytics to this file.
			
 
				-      The build step will place the bundled scripts into the <body> tag.
			
 
				-
			
 
				-      To begin the development, run `npm start` or `yarn start`.
			
 
				-      To create a production bundle, use `npm run build` or `yarn build`.
			
 
				-    -->
			
 
				-  </body>
			
 
				+  To begin the development, run `npm start` or `yarn start`.
			
 
				+  To create a production bundle, use `npm run build` or `yarn build`.
			
 
				+-->
			
 
				+</body>
			
 
				 </html>
			
--- a/public/logo192.png
+++ b/public/logo192.png
--- a/public/logo512.png
+++ b/public/logo512.png
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,25 +0,0 @@
 
				-{
			
 
				-  "short_name": "React App",
			
 
				-  "name": "Create React App Sample",
			
 
				-  "icons": [
			
 
				-    {
			
 
				-      "src": "favicon.ico",
			
 
				-      "sizes": "64x64 32x32 24x24 16x16",
			
 
				-      "type": "image/x-icon"
			
 
				-    },
			
 
				-    {
			
 
				-      "src": "logo192.png",
			
 
				-      "type": "image/png",
			
 
				-      "sizes": "192x192"
			
 
				-    },
			
 
				-    {
			
 
				-      "src": "logo512.png",
			
 
				-      "type": "image/png",
			
 
				-      "sizes": "512x512"
			
 
				-    }
			
 
				-  ],
			
 
				-  "start_url": ".",
			
 
				-  "display": "standalone",
			
 
				-  "theme_color": "#000000",
			
 
				-  "background_color": "#ffffff"
			
 
				-}
			
--- a/src/App.css
+++ b/src/App.css
@@ -1,38 +0,0 @@
 
				-.App {
			
 
				-  text-align: center;
			
 
				-}
			
 
				-
			
 
				-.App-logo {
			
 
				-  height: 40vmin;
			
 
				-  pointer-events: none;
			
 
				-}
			
 
				-
			
 
				-@media (prefers-reduced-motion: no-preference) {
			
 
				-  .App-logo {
			
 
				-    animation: App-logo-spin infinite 20s linear;
			
 
				-  }
			
 
				-}
			
 
				-
			
 
				-.App-header {
			
 
				-  background-color: #282c34;
			
 
				-  min-height: 100vh;
			
 
				-  display: flex;
			
 
				-  flex-direction: column;
			
 
				-  align-items: center;
			
 
				-  justify-content: center;
			
 
				-  font-size: calc(10px + 2vmin);
			
 
				-  color: white;
			
 
				-}
			
 
				-
			
 
				-.App-link {
			
 
				-  color: #61dafb;
			
 
				-}
			
 
				-
			
 
				-@keyframes App-logo-spin {
			
 
				-  from {
			
 
				-    transform: rotate(0deg);
			
 
				-  }
			
 
				-  to {
			
 
				-    transform: rotate(360deg);
			
 
				-  }
			
 
				-}
			
--- a/src/App.js
+++ b/src/App.js
@@ -1,25 +0,0 @@
 
				-import logo from './logo.svg';
			
 
				-import './App.css';
			
 
				-
			
 
				-function App() {
			
 
				-  return (
			
 
				-    <div className="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"
			
 
				-          href="https://reactjs.org"
			
 
				-          target="_blank"
			
 
				-          rel="noopener noreferrer"
			
 
				-        >
			
 
				-          Learn React
			
 
				-        </a>
			
 
				-      </header>
			
 
				-    </div>
			
 
				-  );
			
 
				-}
			
 
				-
			
 
				-export default App;
			
--- a/src/App.test.js
+++ b/src/App.test.js
@@ -1,8 +0,0 @@
 
				-import { render, screen } from '@testing-library/react';
			
 
				-import App from './App';
			
 
				-
			
 
				-test('renders learn react link', () => {
			
 
				-  render(<App />);
			
 
				-  const linkElement = screen.getByText(/learn react/i);
			
 
				-  expect(linkElement).toBeInTheDocument();
			
 
				-});
			
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -0,0 +1,11 @@
 
				+import Routes from "./routes";
			
 
				+
			
 
				+function App() {
			
 
				+    return (
			
 
				+        <div>
			
 
				+          <Routes/>
			
 
				+        </div>
			
 
				+    );
			
 
				+}
			
 
				+
			
 
				+export default App;
			
--- a/src/components/pages/MainPage.js
+++ b/src/components/pages/MainPage.js
@@ -0,0 +1,11 @@
 
				+import React from "react";
			
 
				+
			
 
				+const MainPage = ({})=>{
			
 
				+    return (
			
 
				+        <div>
			
 
				+            asdas23
			
 
				+        </div>
			
 
				+    )
			
 
				+}
			
 
				+
			
 
				+export default MainPage;
			
--- a/src/components/redux/store.js
+++ b/src/components/redux/store.js
@@ -0,0 +1,11 @@
 
				+import {applyMiddleware, combineReducers, createStore} from "redux";
			
 
				+import thunkMiddleware from "redux-thunk";
			
 
				+
			
 
				+let reducers = combineReducers({
			
 
				+
			
 
				+});
			
 
				+
			
 
				+
			
 
				+let store = createStore(reducers, applyMiddleware(thunkMiddleware));
			
 
				+
			
 
				+export default store;
			
--- a/src/components/routes/index.js
+++ b/src/components/routes/index.js
@@ -0,0 +1,14 @@
 
				+import React from "react";
			
 
				+
			
 
				+import {Switch, Route} from "react-router-dom";
			
 
				+import MainPage from "../pages/MainPage";
			
 
				+
			
 
				+const Routes = ()=>{
			
 
				+    return (
			
 
				+        <Switch>
			
 
				+            <Route exect path='/' component={MainPage}/>
			
 
				+        </Switch>
			
 
				+    )
			
 
				+}
			
 
				+
			
 
				+export default Routes;
			
--- a/src/index.css
+++ b/src/index.css
@@ -1,13 +0,0 @@
 
				-body {
			
 
				-  margin: 0;
			
 
				-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
			
 
				-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
			
 
				-    sans-serif;
			
 
				-  -webkit-font-smoothing: antialiased;
			
 
				-  -moz-osx-font-smoothing: grayscale;
			
 
				-}
			
 
				-
			
 
				-code {
			
 
				-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
			
 
				-    monospace;
			
 
				-}
			
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,18 @@
 
				 import React from 'react';
			
 
				 import ReactDOM from 'react-dom';
			
 
				-import './index.css';
			
 
				-import App from './App';
			
 
				+import App from './components/App';
			
 
				 import reportWebVitals from './reportWebVitals';
			
 
				+import {BrowserRouter} from "react-router-dom";
			
 
				+import {Provider} from "react-redux";
			
 
				+import store from './components/redux/store'
			
 
				 
			
 
				 ReactDOM.render(
			
 
				-  <React.StrictMode>
			
 
				-    <App />
			
 
				-  </React.StrictMode>,
			
 
				-  document.getElementById('root')
			
 
				+    <BrowserRouter>
			
 
				+        <Provider store={store}>
			
 
				+            <App/>
			
 
				+        </Provider>
			
 
				+    </BrowserRouter>,
			
 
				+    document.getElementById('root')
			
 
				 );
			
 
				 
			
 
				 // If you want to start measuring performance in your app, pass a function
			
--- a/src/logo.svg
+++ b/src/logo.svg
--- a/src/setupTests.js
+++ b/src/setupTests.js
@@ -1,5 +0,0 @@
 
				-// jest-dom adds custom jest matchers for asserting on DOM nodes.
			
 
				-// allows you to do things like:
			
 
				-// expect(element).toHaveTextContent(/react/i)
			
 
				-// learn more: https://github.com/testing-library/jest-dom
			
 
				-import '@testing-library/jest-dom';
			
--- a/yarn.lock
+++ b/yarn.lock