{"id":1078,"date":"2022-02-16T16:36:52","date_gmt":"2022-02-16T07:36:52","guid":{"rendered":"http:\/\/mylittleforest.kr\/wordpress\/?p=1078"},"modified":"2022-02-17T19:24:31","modified_gmt":"2022-02-17T10:24:31","slug":"%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%ea%b0%9d%ec%b2%b4","status":"publish","type":"post","link":"http:\/\/mylittleforest.kr\/wordpress\/blog\/2022\/02\/16\/1078\/","title":{"rendered":"\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uac1d\uccb4"},"content":{"rendered":"\n<h2><a href=\"https:\/\/www.w3schools.com\/js\/js_object_definition.asp\" target=\"_blank\" rel=\"noreferrer noopener\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uac1d\uccb4<\/a><\/h2>\n\n\n\n<h3>\uac1d\uccb4\uc758 \uc815\uc758<\/h3>\n\n\n\n<ul><li>\uac1d\uccb4\uc758 \uad6c\uc131:<ul><li>\uc18d\uc131(Property)<\/li><li>\uba54\uc368\ub4dc(Method)<\/li><\/ul><\/li><li>\uac1d\uccb4\ub294 \ud0a4\uc640 \uac12\uc758 \uc30d\uc73c\ub85c \ubcf5\ud569 \uc815\ubcf4\ub97c \uc800\uc7a5<\/li><li>\uac1d\uccb4 \uc800\uc7a5 \ud615\uc2dd<ul><li>{ \u201c\ud0a41\u201d: \u201c\uac121\u201d, \u201c\ud0a42\u201d: \u201c\uac122\u201d, \u2026 (\uc0dd\ub7b5) }<\/li><\/ul><\/li><li>\uac1d\uccb4\uc758 \uc694\uc18c\uc5d0 \uc811\uadfc \ubc29\uc2dd<ul><li>{\uac1d\uccb4\uba85}.{\ud0a4} \ud615\uc2dd<\/li><\/ul><\/li><li>\uac1d\uccb4\uc758 \ud55c \ud0a4\/\uac12 \uc30d\uc744 <span style=\"text-decoration: underline\" class=\"underline\">\ud504\ub85c\ud37c\ud2f0<\/span>\ub77c \ud568<\/li><\/ul>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nvar student = {\n   &quot;name&quot;:&quot;\ud64d\uae38\ub3d9&quot;, &quot;id&quot;:&quot;219xxx&quot;, &quot;gender&quot;:&quot;\ub0a8\uc131&quot;, &quot;address&quot;:&quot;\ud3ec\ud56d\uc2dc \ubd81\uad6c&quot;\n}\nstudent.name\nstudent.id\nstudent&#x5B;'name']\n\nvar students = &#x5B;\n {'name':'\ud64d\uae38\ub3d9', 'id':'219xxx'},\n {'name':'\uae40\uc544\ubb34\uac1c', 'id':'218xxx'},\n {'name':'\ucd5cxx', 'id':'220xxx'}\n}\nstudent&#x5B;2].name\nvar id_name = student&#x5B;1].id + ' ' + student&#x5B;1].name\n<\/pre><\/div>\n\n\n<h3>\uc911\ucca9 \uac1d\uccb4<\/h3>\n\n\n\n<p>\u2022 \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0\uc758 \uac12\uc73c\ub85c \uac1d\uccb4\ub97c \uac00\uc9c8 \uc218 \uc788\uc74c<br>\u2022 \uac1d\uccb4 \uc548\uc5d0 \ub2e4\ub978 \uac1d\uccb4 \uc800\uc7a5 \uac00\ub2a5<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nvar student = {\n   name: {\n          first: '\uad70\uc624',\n          last:'\uae40'\n   },\n   class: &#x5B;'\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8', '\ud30c\uc774\uc36c']\n}\nstudent.name.last + student.name.first\n<\/pre><\/div>\n\n\n<h3>\ub0b4\uc7a5 \uac1d\uccb4 : Math, Date<\/h3>\n\n\n\n<ul><li>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc5d0\uc11c \uc790\uc8fc \uc0ac\uc6a9\ud558\ub294 \uae30\ub2a5\uc744 \ubbf8\ub9ac \uad6c\ud604\ud574 \ub193\uc740 \uac1d\uccb4<\/li><li>Math, Number, Date, Array, Set \ub4f1 \ub2e4\uc591\ud55c \ub0b4\uc7a5 \uac1d\uccb4\uac00 \uc874\uc7ac<\/li><\/ul>\n\n\n\n<ul><li><a href=\"https:\/\/www.w3schools.com\/jsref\/jsref_obj_math.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Math<\/a><ul><li>\uc218\ud559\uc801\uc778 \uc0c1\uc218\uc640 \ud568\uc218\ub97c \uac00\uc9c4 \uac1d\uccb4<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-table is-style-regular\">\n<table style=\"width: 100%; height: 228px;\" border=\"2\">\n<thead>\n<tr style=\"height: 39px;\">\n<td style=\"height: 38px;\">\ucf54\ub4dc<\/td>\n<td style=\"height: 38px;\">\uc124\uba85<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px;\">Math.PI<\/td>\n<td style=\"height: 38px;\">\uc6d0\uc8fc\uc728<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px;\">Math.abs(x)<\/td>\n<td style=\"height: 38px;\">x \uc758 \uc808\ub300\uac12<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px;\">Math.ceil(x), <br>Math.round(x), <br>Math.floor(x)<\/td>\n<td style=\"height: 38px;\">x\uc758 \uc62c\ub9bc, <br>\ubc18\uc62c\ub9bc, <br>\ubc84\ub9bc<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px;\">Math.sqrt(x)<\/td>\n<td style=\"height: 38px;\">x \uc758 \uc81c\uacf1\uadfc<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px;\">Math.max(x, y, \u2026), <br>Math.min(x, y, \u2026)<\/td>\n<td style=\"height: 38px;\">\uc778\uc218 \uc911 \uac00\uc7a5 \ud070\uc218,<br>\uac00\uc7a5 \uc791\uc740\uc218<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n\n\n\n<ul><li><a href=\"https:\/\/www.w3schools.com\/jsref\/jsref_obj_date.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Date<\/a><ul><li>\ub0a0\uc9dc\uc640 \uc2dc\uac04\uc744 \ub2e4\ub8e8\uae30 \uc704\ud55c \uac1d\uccb4<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-table is-style-regular\">\n<table style=\"width: 100%; height: 287px;\" border=\"2\">\n<thead>\n<tr style=\"height: 39px;\">\n<td style=\"height: 38px; width: 37.0238%;\">\ucf54\ub4dc<\/td>\n<td style=\"height: 38px; width: 62.6191%;\">\uc124\uba85<\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px; width: 37.0238%;\">var today = new Date()<\/td>\n<td style=\"height: 38px; width: 62.6191%;\">\ubcc0\uc218 today \uc5d0 \ud604\uc7ac \ub0a0\uc9dc, \uc2dc\uac04\uc744 \uc800\uc7a5<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px; width: 37.0238%;\">var someday = new Date(\u20182019-06-03\u2019)<\/td>\n<td style=\"height: 38px; width: 62.6191%;\">\ubcc0\uc218 someday \uc5d0 2019\ub144 6\uc6d4 3\uc77c\uc744 \uc800\uc7a5<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px; width: 37.0238%;\">today.getFullYear()<\/td>\n<td style=\"height: 38px; width: 62.6191%;\">today \uc5d0 \uc800\uc7a5\ub418\uc5b4 \uc788\ub294 \ub0a0\uc9dc\uc758 4\uc790\ub9ac \uc5f0\ub3c4\ub97c \ubc18\ud658<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px; width: 37.0238%;\">today.getMonth()<\/td>\n<td style=\"height: 38px; width: 62.6191%;\">today \uc5d0 \uc800\uc7a5\ub418\uc5b4 \uc788\ub294 \ub2ec\uc744 \ub098\ud0c0\ub0b4\ub294 0\uc5d0\uc11c 11 \uc0ac\uc774\uc758 \uc218\ub97c \ubc18\ud658. 0\uc740 1\uc6d4<\/td>\n<\/tr>\n<tr style=\"height: 38px;\">\n<td style=\"height: 38px; width: 37.0238%;\">today.getDate()<\/td>\n<td style=\"height: 38px; width: 62.6191%;\">today \uc5d0 \uc800\uc7a5\ub418\uc5b4 \uc788\ub294 \ub0a0\uc9dc\uc758 \u2018\uc77c\u2019\uc744 \ubc18\ud658<\/td>\n<\/tr>\n<tr style=\"height: 59px;\">\n<td style=\"width: 37.0238%; height: 59px;\">today.getDay()<\/td>\n<td style=\"width: 62.6191%; height: 59px;\">today \uc5d0 \uc800\uc7a5\ub418\uc5b4 \uc788\ub294 \ub0a0\uc9dc\uc758 \uc694\uc77c\uc744 \ub098\ud0c0\ub0b4\ub294 0\uc5d0\uc11c 6 \uc0ac\uc774\uc758 \uc218\ub97c \ubc18\ud658. 0\uc740 \uc77c\uc694\uc77c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n\n\n\n<h3>\uc804\uc790\uc2dc\uacc4 \ub9cc\ub4e4\uae30<\/h3>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;p id=&quot;text&quot; class=&quot;content&quot;&gt;&lt;\/p&gt;\n&lt;script&gt;\n  var element = document.getElementById(&quot;text&quot;);\n  var tick = function() {\n    var now = new Date();\n    var time = now.getHours() + '\uc2dc' + \n                now.getMinutes() + '\ubd84' +\n                now.getSeconds() + '\ucd08';\n  \n    element.innerText = time;\n  };\n  setInterval(tick, 1000);\n&lt;\/script&gt;\n<\/pre><\/div>\n\n\n<div class=\"wp-block-file\"><a href=\"http:\/\/mylittleforest.kr\/wordpress\/wp-content\/uploads\/2022\/02\/0402-time-tick.html\">0402-time-tick<\/a><a href=\"http:\/\/mylittleforest.kr\/wordpress\/wp-content\/uploads\/2022\/02\/0402-time-tick.html\" class=\"wp-block-file__button\" download>\ub2e4\uc6b4\ub85c\ub4dc<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uac1d\uccb4 \uac1d\uccb4\uc758 \uc815\uc758 \uac1d\uccb4\uc758 \uad6c\uc131: \uc18d\uc131(Property) \uba54\uc368\ub4dc(Method) \uac1d\uccb4\ub294 \ud0a4\uc640 \uac12\uc758 \uc30d\uc73c\ub85c \ubcf5\ud569 \uc815\ubcf4\ub97c \uc800\uc7a5 \uac1d\uccb4 \uc800\uc7a5 \ud615\uc2dd { \u201c\ud0a41\u201d: \u201c\uac121\u201d, \u201c\ud0a42\u201d: \u201c\uac122\u201d, \u2026 (\uc0dd\ub7b5) } \uac1d\uccb4\uc758 \uc694\uc18c\uc5d0 \uc811\uadfc \ubc29\uc2dd {\uac1d\uccb4\uba85}.{\ud0a4} \ud615\uc2dd \uac1d\uccb4\uc758 \ud55c \ud0a4\/\uac12 \uc30d\uc744 \ud504\ub85c\ud37c\ud2f0\ub77c \ud568 \uc911\ucca9 \uac1d\uccb4 \u2022 \uac1d\uccb4\uc758 \ud504\ub85c\ud37c\ud2f0\uc758 \uac12\uc73c\ub85c \uac1d\uccb4\ub97c \uac00\uc9c8 \uc218 \uc788\uc74c\u2022 \uac1d\uccb4 \uc548\uc5d0 \ub2e4\ub978 \uac1d\uccb4 \uc800\uc7a5 \uac00\ub2a5 \ub0b4\uc7a5 [&hellip;]<\/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\/1078"}],"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=1078"}],"version-history":[{"count":14,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1078\/revisions"}],"predecessor-version":[{"id":1100,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1078\/revisions\/1100"}],"wp:attachment":[{"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=1078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/categories?post=1078"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mylittleforest.kr\/wordpress\/wp-json\/wp\/v2\/tags?post=1078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}