{"id":1172,"date":"2022-02-23T16:05:52","date_gmt":"2022-02-23T07:05:52","guid":{"rendered":"http:\/\/mylittleforest.kr\/wordpress\/?p=1172"},"modified":"2022-02-23T16:05:59","modified_gmt":"2022-02-23T07:05:59","slug":"jquery-todo%eb%a6%ac%ec%8a%a4%ed%8a%b8-1","status":"publish","type":"post","link":"http:\/\/mylittleforest.kr\/wordpress\/blog\/2022\/02\/23\/1172\/","title":{"rendered":"jQuery Todo\ub9ac\uc2a4\ud2b8 &#8211; 1"},"content":{"rendered":"\n<h2>Todo\ub9ac\uc2a4\ud2b8 \uae30\ub2a5<\/h2>\n\n\n\n<ul><li>\ud560 \uc77c\uc744 \uae30\ub85d\ud560 \uc218 \uc788\ub2e4<\/li><li>\uc800\uc7a5\ub41c \uc77c\uc744 \ubaa9\ub85d\uc73c\ub85c \ubcf4\uc5ec\uc900\ub2e4<\/li><li>\ud560 \uc77c\uc744 \uc0ad\uc81c \ud560 \uc218 \uc788\ub2e4<\/li><li>\uc644\ub8cc \uc0c1\ud0dc\ub85c \ub9cc\ub4e4 \uc218 \uc788\ub2e4<\/li><\/ul>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;meta charset=&quot;utf-8&quot;&gt;\n    &lt;title&gt;Todo List&lt;\/title&gt;\n    &lt;script src=&quot;https:\/\/code.jquery.com\/jquery-3.4.1.min.js&quot;&gt;&lt;\/script&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;.\/todolist.css&quot;\/&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;div class=&quot;container&quot;&gt;\n      &lt;div class=&quot;title&quot;&gt;\n        &lt;h1&gt;Todo List&lt;\/h1&gt;\n      &lt;\/div&gt;\n      &lt;div class=&quot;contents&quot;&gt;\n        &lt;div class=&quot;input-div&quot;&gt;\n          &lt;input type=&quot;text&quot; id=&quot;inputBox&quot; \/&gt;\n          &lt;button id=&quot;addButton&quot;&gt;\ucd94\uac00\ud558\uae30&lt;\/button&gt;\n        &lt;\/div&gt;\n        &lt;ul&gt;\n          &lt;li&gt;\n            &lt;input type=&quot;checkbox&quot; \/&gt;\n            \uc6f9\/\uc571 \uac15\uc758 \ub4e3\uae30\n            &lt;button id=&quot;delButton&quot;&gt;X&lt;\/button&gt;\n          &lt;\/li&gt;\n          &lt;li&gt;\n            &lt;input type=&quot;checkbox&quot; \/&gt;\n            \uc778\ud130\ub137 \uc1fc\ud551 \uc785\uae08\ud558\uae30\n            &lt;button id=&quot;delButton&quot;&gt;X&lt;\/button&gt;\n          &lt;\/li&gt;\n          &lt;li&gt;\n            &lt;input type=&quot;checkbox&quot; \/&gt;\n            \ud22c\ub450 \ub9ac\uc2a4\ud2b8 \uc644\uc131\ud558\uae30\n            &lt;button id=&quot;delButton&quot;&gt;X&lt;\/button&gt;\n          &lt;\/li&gt;\n        &lt;\/ul&gt;\n        &lt;script src=&quot;.\/todolist.js&quot;&gt;&lt;\/script&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\nbody {\n  background: #a1d0ff;\n}\n\n.container {\n  width: 300px;\n  margin: auto;\n}\n\n.title,\n.contents {\n  background: white;\n  box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.15);\n}\n\n.title {\n  text-align: center;\n}\n\n.contents {\n  padding: 10px;\n}\n\n.input-div {\n  display: flex;\n}\n\n#inputBox {\n  flex-grow: 1;\n  height: 30px;\n}\n\nli {\n  list-style: none;\n  margin: 20px 0px;\n}\n\n#delButton {\n  margin: 0px 5px;\n}\n<\/pre><\/div>\n\n\n<div class=\"wp-block-file\"><a href=\"http:\/\/mylittleforest.kr\/wordpress\/wp-content\/uploads\/2022\/02\/0522-jquery-todolist-1.html\">0522-jquery-todolist-1<\/a><a href=\"http:\/\/mylittleforest.kr\/wordpress\/wp-content\/uploads\/2022\/02\/0522-jquery-todolist-1.html\" class=\"wp-block-file__button\" download>\ub2e4\uc6b4\ub85c\ub4dc<\/a><\/div>\n\n\n\n<div class=\"wp-block-file\"><a href=\"http:\/\/mylittleforest.kr\/wordpress\/wp-content\/uploads\/2022\/02\/todolist.css\">todolist<\/a><a href=\"http:\/\/mylittleforest.kr\/wordpress\/wp-content\/uploads\/2022\/02\/todolist.css\" class=\"wp-block-file__button\" download>\ub2e4\uc6b4\ub85c\ub4dc<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Todo\ub9ac\uc2a4\ud2b8 \uae30\ub2a5 \ud560 \uc77c\uc744 \uae30\ub85d\ud560 \uc218 \uc788\ub2e4 \uc800\uc7a5\ub41c \uc77c\uc744 \ubaa9\ub85d\uc73c\ub85c \ubcf4\uc5ec\uc900\ub2e4 \ud560 \uc77c\uc744 \uc0ad\uc81c \ud560 \uc218 \uc788\ub2e4 \uc644\ub8cc \uc0c1\ud0dc\ub85c \ub9cc\ub4e4 \uc218 \uc788\ub2e4<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[38],"tags":[],"_links":{"self":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1172"}],"collection":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/comments?post=1172"}],"version-history":[{"count":3,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1172\/revisions"}],"predecessor-version":[{"id":1177,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1172\/revisions\/1177"}],"wp:attachment":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=1172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/categories?post=1172"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/tags?post=1172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}