From 5361c12b772d17cccb24af55cb74ec5f346cf66f Mon Sep 17 00:00:00 2001 From: eunsu Date: Mon, 11 Mar 2024 14:42:24 +0900 Subject: [PATCH 01/17] =?UTF-8?q?chore:=20.prettierrc=20=ED=8C=8C=EC=9D=BC?= =?UTF-8?q?=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .prettierrc | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .prettierrc diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..1dc7164 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,6 @@ +{ + "trailingComma": "es5", + "tabWidth": 2, + "semi": true, + "singleQuote": true +} \ No newline at end of file From ffab7406c11cfb44f1c54f3d4f8d663d216157bd Mon Sep 17 00:00:00 2001 From: eunsu Date: Tue, 12 Mar 2024 13:02:52 +0900 Subject: [PATCH 02/17] =?UTF-8?q?feat:=20html=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index d241b1b..375a957 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,37 @@ -
+
+
+
+ 11 +
+ 3 + 2024 +
+
+
Monday
+
+
+
+ + +
X
+
+
+
+ + +
+
+ 4 개 / 7 개 + todo List +
+
From 067c4c211de672c6f53d085dc46c9cba94eb25f1 Mon Sep 17 00:00:00 2001 From: eunsu Date: Tue, 12 Mar 2024 13:03:09 +0900 Subject: [PATCH 03/17] =?UTF-8?q?feat:=20css=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 140 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 139 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 599136a..d9d96e9 100644 --- a/style.css +++ b/style.css @@ -1 +1,139 @@ -/* 본인의 디자인 감각을 최대한 발휘해주세요! */ +@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css'); + +body { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Pretendard Variable', Pretendard, -apple-system, + BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', + 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', + 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; + background-color: #f8f9fa; +} + +.wrapper { + width: 50%; + margin: 2rem auto; + background-color: white; + height: 80vh; + display: flex; + flex-direction: column; +} + +.todoHeader { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem; + border-bottom: 1px solid #cacaca; +} + +.headerDMY { + display: flex; + gap: 0.5rem; + align-items: center; +} + +.headerDate { + font-size: 2rem; + font-weight: 600; +} + +.headerMY { + display: flex; + flex-direction: column; +} + +.headerMonth { + font-size: 1rem; + font-weight: 500; + color: #3c4044; +} + +.headerYear { + font-size: 0.5rem; + color: #868e96; +} + +.headerDay { + font-size: 1.5rem; + font-weight: 500; +} + +.todoSection { + display: flex; + flex-direction: column; + flex-grow: 1; +} + +.todoCard { + display: flex; + align-items: center; + gap: 1rem; + padding: 1rem; +} + +.todoCard:hover, +.todoCheckbox:hover, +.todoContent:hover { + background-color: #f8f9fa; + cursor: pointer; +} + +.todoContent { + font-size: 1.25rem; + flex-grow: 1; +} + +.todoDelete { + width: 16px; + height: 20px; + border-radius: 4px; + text-align: center; + display: none; +} + +.todoCard:hover .todoDelete { + display: block; + cursor: pointer; +} + +.todoDelete:hover { + background-color: #cacaca; +} + +.todoInputGroup { + display: flex; + margin: 0 1rem 1rem 1rem; + gap: 0.5rem; +} + +.todoInput { + width: 100%; + border: none; + border: 1px solid #868e96; + border-radius: 5px; + padding: 0.5rem; + outline: none; +} + +button { + cursor: pointer; +} + +.todoFooter { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem; + border-top: 1px solid #cacaca; +} + +.todoProgress { + font-size: 0.75rem; + color: #868e96; +} + +.todo { + color: gray; +} From a9170972eeebe9143ffd6ce204e36376fb6eab4a Mon Sep 17 00:00:00 2001 From: eunsu Date: Tue, 12 Mar 2024 13:36:34 +0900 Subject: [PATCH 04/17] =?UTF-8?q?feat:=20todo=20=EC=B6=94=EA=B0=80?= =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- script.js | 28 +++++++++++++++++++++++++++- 2 files changed, 28 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 375a957..c5d52f5 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,7 @@ placeholder="할 일을 입력해주세요..." class="todoInput" /> - +