From 06b16944a54804a64b43c936d51de8422faedba7 Mon Sep 17 00:00:00 2001
From: hursuhyun <hursuhyun@csap.snu.ac.kr>
Date: Fri, 17 Sep 2021 20:12:38 +0900
Subject: [PATCH 1/5] added todolist

---
 src/App.js                          |  3 ++-
 src/components/Todo/Todo.js         | 18 ++++++++++++++++++
 src/containers/TodoList/TodoList.js | 29 +++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index e358583..0a0545e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,10 +1,11 @@
 import React from 'react';
-import logo from './logo.svg';
 import './App.css';
+import TodoList from './containers/TodoList/TodoList';
 
 function App() {
   return (
     <div className="App">
+      <TodoList title = "My TODOs"/>
     </div>
   );
 }
diff --git a/src/components/Todo/Todo.js b/src/components/Todo/Todo.js
index e69de29..ddae302 100644
--- a/src/components/Todo/Todo.js
+++ b/src/components/Todo/Todo.js
@@ -0,0 +1,18 @@
+import React from 'react';
+
+import './Todo.css';
+
+const Todo = (props) => {
+  return (
+    <div className="Todo">
+      <div
+        className={`text ${props.done && 'done'}`}
+        onClick={props.clicked}>
+        {props.title}
+      </div>
+      {props.done && <div className='done-mark'>&#x2713;</div>}
+    </div>
+  );
+};
+
+export default Todo;
\ No newline at end of file
diff --git a/src/containers/TodoList/TodoList.js b/src/containers/TodoList/TodoList.js
index e69de29..3e4d903 100644
--- a/src/containers/TodoList/TodoList.js
+++ b/src/containers/TodoList/TodoList.js
@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+
+import Todo from '../../components/Todo/Todo';
+import './TodoList.css';
+
+class TodoList extends Component {
+    state = {
+        todos: [
+          { id: 1, title: 'SWPP', content: 'take swpp class', done: true },
+          { id: 2, title: 'Movie', content: 'watch movie', done: false },
+          { id: 3, title: 'Dinner', content: 'eat dinner', done: false }
+        ],
+      }
+
+    render(){
+        const todos = this.state.todos.map((td) => {
+            return (<Todo key={td.id} title={td.title} done={td.done} />);
+          });
+          return (
+            <div className="TodoList">
+              <div className="title">{this.props.title}</div>
+              <div className="todos">{todos}</div>
+            </div>
+          )
+    }
+}
+
+
+export default TodoList;
\ No newline at end of file

From 86af5adea6c40fec53eb825eaa945427ada30de1 Mon Sep 17 00:00:00 2001
From: hursuhyun <hursuhyun@csap.snu.ac.kr>
Date: Fri, 17 Sep 2021 20:40:14 +0900
Subject: [PATCH 2/5] added details

---
 src/components/TodoDetail/TodoDetail.js | 29 ++++++++++++++++++++++++
 src/containers/TodoList/TodoList.js     | 30 +++++++++++++++++++++++--
 2 files changed, 57 insertions(+), 2 deletions(-)

diff --git a/src/components/TodoDetail/TodoDetail.js b/src/components/TodoDetail/TodoDetail.js
index e69de29..02b5d83 100644
--- a/src/components/TodoDetail/TodoDetail.js
+++ b/src/components/TodoDetail/TodoDetail.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import './TodoDetail.css';
+
+const TodoDetail = (props) => {
+    return(
+        <div className = "TodoDetail">
+            <div className="row">
+                <div className="left">
+                    Name:
+                </div>
+                <div className = "right">
+                    {props.title}
+                </div>
+            </div>
+
+            <div className="row">
+                <div className="left">
+                    Content:
+                </div>
+                <div className = "right">
+                    {props.content}
+                </div>
+            </div>
+
+        </div>
+    )
+}
+
+export default TodoDetail;
\ No newline at end of file
diff --git a/src/containers/TodoList/TodoList.js b/src/containers/TodoList/TodoList.js
index 3e4d903..8a80c1c 100644
--- a/src/containers/TodoList/TodoList.js
+++ b/src/containers/TodoList/TodoList.js
@@ -2,6 +2,8 @@ import React, { Component } from 'react';
 
 import Todo from '../../components/Todo/Todo';
 import './TodoList.css';
+import TodoDetail from '../../components/TodoDetail/TodoDetail';
+
 
 class TodoList extends Component {
     state = {
@@ -10,16 +12,40 @@ class TodoList extends Component {
           { id: 2, title: 'Movie', content: 'watch movie', done: false },
           { id: 3, title: 'Dinner', content: 'eat dinner', done: false }
         ],
-      }
+        selectedTodo : null,
+    }
+
+    clickTodoHandler = (td) => {
+        if (this.state.selectedTodo === td) {
+            this.setState({...this.state, selectedTodo: null });
+        } else {
+            this.setState({...this.state, selectedTodo: td});
+        }
+    }
 
     render(){
         const todos = this.state.todos.map((td) => {
-            return (<Todo key={td.id} title={td.title} done={td.done} />);
+            return (
+                <Todo key={td.id}
+                    title={td.title} 
+                    done={td.done} 
+                    clicked = {() => this.clickTodoHandler(td)}
+                />);
           });
+
+        let todoDetail = null;
+        if (this.state.selectedTodo) {
+            todoDetail = <TodoDetail 
+                title = {this.state.selectedTodo.title}
+                content = {this.state.selectedTodo.content}
+            />
+        }
+
           return (
             <div className="TodoList">
               <div className="title">{this.props.title}</div>
               <div className="todos">{todos}</div>
+              {todoDetail}
             </div>
           )
     }

From ee6f17823aff83ebf3f90be6c1f0cdd1dcbd52e2 Mon Sep 17 00:00:00 2001
From: hursuhyun <hursuhyun@csap.snu.ac.kr>
Date: Fri, 17 Sep 2021 20:51:07 +0900
Subject: [PATCH 3/5] added NewTodo

---
 src/containers/TodoList/NewTodo/NewTodo.js | 29 ++++++++++++++++++++++
 src/containers/TodoList/TodoList.js        |  3 ++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/containers/TodoList/NewTodo/NewTodo.js b/src/containers/TodoList/NewTodo/NewTodo.js
index e69de29..3b69e54 100644
--- a/src/containers/TodoList/NewTodo/NewTodo.js
+++ b/src/containers/TodoList/NewTodo/NewTodo.js
@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+
+import './NewTodo.css';
+
+class NewTodo extends Component {
+    state = {
+        title: '',
+        content: '',
+        submitted: false,
+    }
+    
+    render(){
+        return(
+            <div className="NewTodo">
+                <h1>Add a Todo</h1>
+                <label>Title</label>
+                <input type="text" value={this.state.title}
+                    onChange = {(event) => this.setState({title: event.target.value})} />
+                <label>Content</label>
+                <textarea rows = "4" type = "text" value={this.state.content}
+                    onChange={(event) => this.setState({content : event.target.value})} />
+                <button onClick={() => alert('Submitted')}> Submit </button> 
+
+            </div>
+        )
+    }
+}
+
+export default NewTodo;
\ No newline at end of file
diff --git a/src/containers/TodoList/TodoList.js b/src/containers/TodoList/TodoList.js
index 8a80c1c..af69799 100644
--- a/src/containers/TodoList/TodoList.js
+++ b/src/containers/TodoList/TodoList.js
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import Todo from '../../components/Todo/Todo';
 import './TodoList.css';
 import TodoDetail from '../../components/TodoDetail/TodoDetail';
-
+import NewTodo from './NewTodo/NewTodo';
 
 class TodoList extends Component {
     state = {
@@ -46,6 +46,7 @@ class TodoList extends Component {
               <div className="title">{this.props.title}</div>
               <div className="todos">{todos}</div>
               {todoDetail}
+              <NewTodo />
             </div>
           )
     }

From 62151fd9d60bd3def3a1e0eb42e06f288796f8d9 Mon Sep 17 00:00:00 2001
From: hursuhyun <hursuhyun@csap.snu.ac.kr>
Date: Fri, 17 Sep 2021 20:57:30 +0900
Subject: [PATCH 4/5] routing

---
 package.json                               |  2 +
 src/App.js                                 | 19 ++++-
 src/containers/TodoList/NewTodo/NewTodo.js | 14 +++
 src/containers/TodoList/TodoList.js        |  5 +-
 yarn.lock                                  | 99 +++++++++++++++++++++-
 5 files changed, 131 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index bcaefee..7c14644 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,8 @@
   "dependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-router": "^5.2.1",
+    "react-router-dom": "^5.3.0",
     "react-scripts": "4.0.3"
   },
   "scripts": {
diff --git a/src/App.js b/src/App.js
index 0a0545e..6cd0569 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,12 +1,25 @@
 import React from 'react';
 import './App.css';
 import TodoList from './containers/TodoList/TodoList';
+import TodoDetail from './components/TodoDetail/TodoDetail';
+import NewTodo from './containers/TodoList/NewTodo/NewTodo';
+
+import { BrowserRouter, Route, Redirect, Switch } from 'react-router-dom';
 
 function App() {
   return (
-    <div className="App">
-      <TodoList title = "My TODOs"/>
-    </div>
+
+    <BrowserRouter>
+      <div className="App">
+        <Switch>
+          <Route path='/todos' exact render={() => <TodoList title="My TODOs!" />} />
+          <Route path='/todos/:id' exact component={TodoDetail} />
+          <Route path='/new-todo' exact component={NewTodo} />
+          <Redirect exact from='/' to='/todos' />
+          <Route render={() => <h1>Not Found</h1>} />
+        </Switch>
+      </div>
+    </BrowserRouter>
   );
 }
 
diff --git a/src/containers/TodoList/NewTodo/NewTodo.js b/src/containers/TodoList/NewTodo/NewTodo.js
index 3b69e54..d7146be 100644
--- a/src/containers/TodoList/NewTodo/NewTodo.js
+++ b/src/containers/TodoList/NewTodo/NewTodo.js
@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
 
+import { Redirect } from 'react-router-dom';
+
 import './NewTodo.css';
 
 class NewTodo extends Component {
@@ -9,9 +11,21 @@ class NewTodo extends Component {
         submitted: false,
     }
     
+    postTodoHandler = () => {
+        const data = { title: this.state.title, content: this.state.content };
+        alert('Submitted\n' + data.title + '\n' + data.content);
+        this.setState({ submitted: true });
+    }
+
     render(){
+        let redirect = null;
+        if (this.state.submitted) {
+        redirect = <Redirect to='/todos' />
+        }
+
         return(
             <div className="NewTodo">
+                {redirect}
                 <h1>Add a Todo</h1>
                 <label>Title</label>
                 <input type="text" value={this.state.title}
diff --git a/src/containers/TodoList/TodoList.js b/src/containers/TodoList/TodoList.js
index af69799..3e25a37 100644
--- a/src/containers/TodoList/TodoList.js
+++ b/src/containers/TodoList/TodoList.js
@@ -3,7 +3,8 @@ import React, { Component } from 'react';
 import Todo from '../../components/Todo/Todo';
 import './TodoList.css';
 import TodoDetail from '../../components/TodoDetail/TodoDetail';
-import NewTodo from './NewTodo/NewTodo';
+
+import { NavLink } from 'react-router-dom';
 
 class TodoList extends Component {
     state = {
@@ -46,7 +47,7 @@ class TodoList extends Component {
               <div className="title">{this.props.title}</div>
               <div className="todos">{todos}</div>
               {todoDetail}
-              <NewTodo />
+              <NavLink to='/new-todo' exact>New Todo</NavLink>
             </div>
           )
     }
diff --git a/yarn.lock b/yarn.lock
index 12004af..a4ee20b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1278,7 +1278,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4":
   version "7.15.4"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.15.4.tgz#fd17d16bfdf878e6dd02d19753a39fa8a8d9c84a"
   integrity sha512-99catp6bHCaxr4sJ/DbTGgHS4+Rs2RVd2g7iOap6SLGPDknRK9ztKNsE/Fg6QhSeh1FGE5f6gHGQmvvn3I3xhw==
@@ -5729,6 +5729,18 @@ hex-color-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
   integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
 
+history@^4.9.0:
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3"
+  integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    loose-envify "^1.2.0"
+    resolve-pathname "^3.0.0"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+    value-equal "^1.0.1"
+
 hmac-drbg@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -5738,6 +5750,13 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
+hoist-non-react-statics@^3.1.0:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
@@ -6479,6 +6498,11 @@ is-wsl@^2.1.1, is-wsl@^2.2.0:
   dependencies:
     is-docker "^2.0.0"
 
+isarray@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+
 isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -7323,7 +7347,7 @@ loglevel@^1.6.8:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.1.tgz#005fde2f5e6e47068f935ff28573e125ef72f197"
   integrity sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -7531,6 +7555,14 @@ mimic-fn@^2.1.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
+mini-create-react-context@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz#072171561bfdc922da08a60c2197a497cc2d1d5e"
+  integrity sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==
+  dependencies:
+    "@babel/runtime" "^7.12.1"
+    tiny-warning "^1.0.3"
+
 mini-css-extract-plugin@0.11.3:
   version "0.11.3"
   resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz#15b0910a7f32e62ffde4a7430cfefbd700724ea6"
@@ -8423,6 +8455,13 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
+path-to-regexp@^1.7.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
+  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
+  dependencies:
+    isarray "0.0.1"
+
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -9311,7 +9350,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.3"
 
-prop-types@^15.7.2:
+prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -9536,6 +9575,11 @@ react-error-overlay@^6.0.9:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.9.tgz#3c743010c9359608c375ecd6bc76f35d93995b0a"
   integrity sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==
 
+react-is@^16.6.0, react-is@^16.7.0:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
 react-is@^16.8.1:
   version "16.9.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb"
@@ -9551,6 +9595,35 @@ react-refresh@^0.8.3:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
   integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
 
+react-router-dom@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.0.tgz#da1bfb535a0e89a712a93b97dd76f47ad1f32363"
+  integrity sha512-ObVBLjUZsphUUMVycibxgMdh5jJ1e3o+KpAZBVeHcNQZ4W+uUGGWsokurzlF4YOldQYRQL4y6yFRWM4m3svmuQ==
+  dependencies:
+    "@babel/runtime" "^7.12.13"
+    history "^4.9.0"
+    loose-envify "^1.3.1"
+    prop-types "^15.6.2"
+    react-router "5.2.1"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+
+react-router@5.2.1, react-router@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.2.1.tgz#4d2e4e9d5ae9425091845b8dbc6d9d276239774d"
+  integrity sha512-lIboRiOtDLFdg1VTemMwud9vRVuOCZmUIT/7lUoZiSpPODiiH1UQlfXy+vPLC/7IWdFYnhRwAyNqA/+I7wnvKQ==
+  dependencies:
+    "@babel/runtime" "^7.12.13"
+    history "^4.9.0"
+    hoist-non-react-statics "^3.1.0"
+    loose-envify "^1.3.1"
+    mini-create-react-context "^0.4.0"
+    path-to-regexp "^1.7.0"
+    prop-types "^15.6.2"
+    react-is "^16.6.0"
+    tiny-invariant "^1.0.2"
+    tiny-warning "^1.0.0"
+
 react-scripts@4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-4.0.3.tgz#b1cafed7c3fa603e7628ba0f187787964cb5d345"
@@ -9901,6 +9974,11 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
+resolve-pathname@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd"
+  integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==
+
 resolve-url-loader@^3.1.2:
   version "3.1.4"
   resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.4.tgz#3c16caebe0b9faea9c7cc252fa49d2353c412320"
@@ -11057,6 +11135,16 @@ timsort@^0.3.0:
   resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
+tiny-invariant@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.1.0.tgz#634c5f8efdc27714b7f386c35e6760991d230875"
+  integrity sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==
+
+tiny-warning@^1.0.0, tiny-warning@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
+  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
+
 tmpl@1.0.x:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
@@ -11505,6 +11593,11 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+value-equal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c"
+  integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==
+
 vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"

From ba510f4f7ce66a9b8870e52b14ed2b2dfeed7ca1 Mon Sep 17 00:00:00 2001
From: hursuhyun <hursuhyun@csap.snu.ac.kr>
Date: Fri, 17 Sep 2021 20:58:32 +0900
Subject: [PATCH 5/5] added newline

---
 src/components/Todo/Todo.js                | 2 +-
 src/components/TodoDetail/TodoDetail.js    | 2 +-
 src/containers/TodoList/NewTodo/NewTodo.js | 2 +-
 src/containers/TodoList/TodoList.js        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Todo/Todo.js b/src/components/Todo/Todo.js
index ddae302..864ee85 100644
--- a/src/components/Todo/Todo.js
+++ b/src/components/Todo/Todo.js
@@ -15,4 +15,4 @@ const Todo = (props) => {
   );
 };
 
-export default Todo;
\ No newline at end of file
+export default Todo;
diff --git a/src/components/TodoDetail/TodoDetail.js b/src/components/TodoDetail/TodoDetail.js
index 02b5d83..a710d22 100644
--- a/src/components/TodoDetail/TodoDetail.js
+++ b/src/components/TodoDetail/TodoDetail.js
@@ -26,4 +26,4 @@ const TodoDetail = (props) => {
     )
 }
 
-export default TodoDetail;
\ No newline at end of file
+export default TodoDetail;
diff --git a/src/containers/TodoList/NewTodo/NewTodo.js b/src/containers/TodoList/NewTodo/NewTodo.js
index d7146be..78b00cb 100644
--- a/src/containers/TodoList/NewTodo/NewTodo.js
+++ b/src/containers/TodoList/NewTodo/NewTodo.js
@@ -40,4 +40,4 @@ class NewTodo extends Component {
     }
 }
 
-export default NewTodo;
\ No newline at end of file
+export default NewTodo;
diff --git a/src/containers/TodoList/TodoList.js b/src/containers/TodoList/TodoList.js
index 3e25a37..390215b 100644
--- a/src/containers/TodoList/TodoList.js
+++ b/src/containers/TodoList/TodoList.js
@@ -54,4 +54,4 @@ class TodoList extends Component {
 }
 
 
-export default TodoList;
\ No newline at end of file
+export default TodoList;