From 1c731b382f44921569ff4f3837a66cd984498118 Mon Sep 17 00:00:00 2001 From: Hyoeunkh Date: Fri, 31 May 2024 17:00:10 +0900 Subject: [PATCH 01/15] =?UTF-8?q?docs:=20README=20=EC=9E=91=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3c0710d2..767ba2fb 100644 --- a/README.md +++ b/README.md @@ -1 +1,10 @@ -# react-todo-list-precourse \ No newline at end of file +# react-todo-list-precourse + +1. 할 일 추가 (Enter키나 추가 버튼) +2. 할 일 삭제 +3. 사용자가 아무것도 입력하지 않은 경우 할 일 추가 불가 +4. 할 일 목록 구성 +5. 할 일 완료 상태 전환 기능 +6. 현재 진행 중인 할 일, 완료된 할 일, 모든 할 일 필터링 기능 +7. 해야 할 일의 총개수 확인 +8. 새로고침 시 작성 데이터 유지되도록 \ No newline at end of file From 0e1125607fea919777bcf0dcacf34c110a7a625c Mon Sep 17 00:00:00 2001 From: Hyoeunkh Date: Sun, 9 Jun 2024 20:15:06 +0900 Subject: [PATCH 02/15] =?UTF-8?q?feat:=20=EC=B4=88=EA=B8=B0=20=EC=84=B8?= =?UTF-8?q?=ED=8C=85=20=EB=B0=8F=20=EB=A9=94=EC=9D=B8=20=ED=99=94=EB=A9=B4?= =?UTF-8?q?=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 12 ++++++++---- src/App.js | 6 ++++++ src/main.jsx | 19 +++++++++++++++++++ src/style/Global.css | 22 ++++++++++++++++++++++ 4 files changed, 55 insertions(+), 4 deletions(-) create mode 100644 src/App.js create mode 100644 src/main.jsx create mode 100644 src/style/Global.css diff --git a/index.html b/index.html index b021b5c8..76aa23f7 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,16 @@ - + - + + Hyoeun TodoList -
- +
+ diff --git a/src/App.js b/src/App.js new file mode 100644 index 00000000..c5f7e962 --- /dev/null +++ b/src/App.js @@ -0,0 +1,6 @@ +import React from "react"; +import { createRoot } from "react-dom/client"; +import Main from "./main"; + +const root = createRoot(document.getElementById("root")); +root.render(React.createElement(Main)); \ No newline at end of file diff --git a/src/main.jsx b/src/main.jsx new file mode 100644 index 00000000..dfbc08d5 --- /dev/null +++ b/src/main.jsx @@ -0,0 +1,19 @@ +import { useEffect, useState } from "react"; +import Input from "./components/main/Input"; +import Todo from "./components/main/Todo"; +import Footer from "./components/main/Footer"; +import "./style/Global.css"; + +export default function Main() { + const [todos, setTodos] = useState([]); + return ( + <> +
+

Hyo's Todo

+ + +
+