{"id":291,"date":"2021-01-11T03:02:03","date_gmt":"2021-01-11T03:02:03","guid":{"rendered":"http:\/\/scrutineer.co.kr\/wordpress\/?p=291"},"modified":"2021-01-12T06:49:18","modified_gmt":"2021-01-12T06:49:18","slug":"%eb%a6%ac%ec%95%a1%ed%8a%b8%eb%a5%bc-%eb%8b%a4%eb%a3%a8%eb%8a%94-%ea%b8%b0%ec%88%a0","status":"publish","type":"post","link":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/2021\/01\/11\/%eb%a6%ac%ec%95%a1%ed%8a%b8%eb%a5%bc-%eb%8b%a4%eb%a3%a8%eb%8a%94-%ea%b8%b0%ec%88%a0\/","title":{"rendered":"\ub9ac\uc561\ud2b8\ub97c \ub2e4\ub8e8\ub294 \uae30\uc220"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\uae30\ubcf8\uc801\uc778 HTML, js \ub294 \uc548\ub2e4\uace0 \uce58\uace0, \uae30\ubcf8\uc801\uc778 HTML\b \ubc0f js \uc678\uc758 \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 or \ub9ac\uc561\ud2b8\uac00 \uac16\uace0\uc788\ub294 \ubb38\ubc95\uc801 \ud2b9\uc131\ub9cc \ub0b4 \uc9c0\uc2dd \uae30\uc900\uc73c\ub85c \uc815\ub9ac.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uac10\uc2f8\uc778 \uc694\uc18c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ucef4\ud3ec\ub10c\ud2b8\uc5d0 \uc694\uc18c(HTML \ud0dc\uadf8)\uac00 \uc5ec\ub7ec\uac1c\uac00 \uc788\ub294 \uacbd\uc6b0\ub77c\uba74, \ubc18\ub4dc\uc2dc \ucd5c\uc0c1\uc704 \ub178\ub4dc 1\uac1c\ub9cc \uc874\uc7ac\ud574\uc57c \ud568.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import React from 'react';\n\nfunction App() {\n  const name = 'REACT~!';\n  return (\n    &lt;h1> Hello {name} &lt;\/h1>\n    &lt;h2> world &lt;\/h2>\n  );\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\ucef4\ud30c\uc77c\ub418\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\uc720<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\ub9ac\uc561\ud2b8\ub294 \uae30\ubcf8\uc801\uc73c\ub85c Virtual DOM\uc73c\ub85c \ub3d9\uc791\ud55c\ub2e4.<\/li><li>\ub9ac\uc561\ud2b8\ub294 \ucef4\ud3ec\ub10c\ud2b8\uc758 \ubcc0\ud654\ub97c \uac10\uc9c0\ud558\uae30 \uc704\ud574, \uc131\ub2a5\uc774\uc288\ub85c \uc778\ud574 \ucef4\ud3ec\ub10c\ud2b8 \ub0b4\ubd80\ub294 \ubc18\ub4dc\uc2dc &#8216;\ud558\ub098\uc758 DOM\ud2b8\ub9ac&#8217; \uad6c\uc870\ub85c \uc774\ub8e8\uc5b4\uc838\uc57c \ud558\uae30 \ub54c\ubb38<ul><li>\uc0c1\uae30 \uc0d8\ud50c\ucf54\ub4dc\ub294 \ud558\ub098\uc758 \ucef4\ud3ec\ub10c\ud2b8\uc5d0 \ub8e8\ud2b8\uac00 2\uac1c\uc778 2\uac1c\uc758 \ubcc4\ub3c4\uc758 \ud2b8\ub9ac\ub85c \uc874\uc7ac\ud558\uae30 \ub54c\ubb38\uc5d0&#8230;.<\/li><\/ul><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub7fc \uc5b4\ub5bb\uac8c \ud574\uc57c \ud558\ub290\ub0d0&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub9ac\uc561\ud2b8 16\ubc84\uc804\ubd80\ud130 \ub3c4\uc785\ub41c Fragment\ub97c \ud3ec\ud568\ud558\uba74 \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \ud0a4\ubcf4\ub4dc \uce58\ub294\uac8c \uadc0\ucc2e\uc73c\uba74<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">import React from 'react';\n\nfunction App() {\n  const name = 'REACT~!';\n  return (\n    &lt;>\n      &lt;h1> Hello {name} &lt;\/h1>\n      &lt;h2> world &lt;\/h2>\n    &lt;\/>\n  );\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\uc694\ub807\uac8c \uba4d\ud145\uad6c\ub9ac \ub178\ub4dc\ub85c \uac10\uc2f8\uc11c &#8216;\ub8e8\ud2b8\uac00 1\uac1c\uc778&#8217; \ud2b8\ub9ac \uad6c\uc870\uc758 DOM\uc73c\ub85c \ub9ac\ud134\uc2dc\ucf1c\uc8fc\uba74 \ub41c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Const &amp; let<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">ES6\ubd80\ud130 \ucd94\uac00\ub41c \uc694\uc18c\uc784. \uadf8 \uc804\uc5d4 \uadf8\ub0e5 \ub2e5\uce58\uace0 var\ub97c \uc774\uc6a9\ud558\uc600\uc74c.(\uc2ec\uc9c0\uc5b4 var\ub97c \ubd99\uc774\uc9c0 \uc54a\uc73c\uba74 \uc804\uc5ed\ubcc0\uc218\ub85c \uc120\uc5b8\ub428. \uadf9\ud610.)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubcc0\uc218\ub97c \uaddc\uc815\uc9d3\ub294 \uac00\uc7a5 \ub300\ud45c\uc801\uc778 \ub450\uac00\uc9c0 \uc694\uc18c\uc5d0\ub294 &#8216;\uc218\uba85&#8217;\uacfc &#8216;\ubc94\uc704&#8217;\uac00 \uc788\ub294\ub370,<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>var : \ud568\uc218 \ub2e8\uc704\uc758 \ubc94\uc704\ub85c \ub3d9\uc791\ud558\ub294 \ubcc0\uc218\uc120\uc5b8 \uc608\uc57d\uc5b4<\/li><li>let :  \ube14\ub7ed \ub2e8\uc704\uc758 \ubc94\uc704\ub85c \ub3d9\uc791\ud558\ub294 \ubcc0\uc218\uc120\uc5b8 \uc608\uc57d\uc5b4<\/li><li>const : \ube14\ub7ed \ub2e8\uc704\uc758 \ubc94\uc704\ub85c \ub3d9\uc791\ud558\ub294 &#8216;\uc0c1\uc218&#8217;\uc120\uc5b8 \uc608\uc57d\uc5b4<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\uacbd\ud5d8\uc801\uc73c\ub85c var\ubcf4\ub2e4\ub294 let\uc774 \ud6e8\uc52c \uc720\uc6a9\ud558\uace0 \uae30\uc900\uc774 \ube61\ube61\ud558\ub2c8, js \uc5d4\uc9c4\uc774 ES6 \uc774\ud558\uac00 \uc544\ub2cc \ud55c let \uc608\uc57d\uc5b4\ub9cc \uc0ac\uc6a9\ud558\uc790.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ucef4\ud3ec\ub10c\ud2b8<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub9ac\uc561\ud2b8\uc758 \uc54c\ud30c\uc774\uc790 \uc624\uba54\uac00. \uc790\ubc14\uc5d0\uc11c &#8216;\ud074\ub798\uc2a4&#8217; \uac19\uc740 \ub290\ub08c.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc774\ub8e8\uace0 \uc788\ub294 \uac00\uc7a5 \ub300\ud45c\uc801\uc778 \uc694\uc18c\uc774\ub2e4. \ubb50, \ud654\uba74 \ub0b4  \uc0c1\ud488\uc0c1\uc138 \uba54\uc778\ud654\uba74\ub3c4 \ucef4\ud3ec\ub10c\ud2b8\ub77c \ud560 \uc218 \uc788\uace0, \uadf8 \uc548\uc5d0 \ub4e4\uc5b4\uac00\uc788\ub294 \uac00\uaca9 \uc601\uc5ed\ub3c4 \ucef4\ud3ec\ub10c\ud2b8\ub77c \ud560 \uc218 \uc788\uace0&#8230;&#8230; <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\ub9ac\uc561\ud2b8\uc758 \ubaa8\ub4e0 \ud654\uba74 \uad6c\uc131\uc694\uc18c\ub294 \ucef4\ud3ec\ub10c\ud2b8\ub85c \uc774\ub8e8\uc5b4\uc838 \uc788\ub2e4<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\ub85c \uc774\ud574\ub97c \ud558\uba74 \ub418\uaca0\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uae30\ubcf8\uc801\uc778 HTML, js \ub294 \uc548\ub2e4\uace0 \uce58\uace0, \uae30\ubcf8\uc801\uc778 HTML\b \ubc0f js \uc678\uc758 \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 or \ub9ac\uc561\ud2b8\uac00 \uac16\uace0\uc788\ub294 \ubb38\ubc95\uc801 \ud2b9\uc131\ub9cc \ub0b4 \uc9c0\uc2dd \uae30\uc900\uc73c\ub85c \uc815\ub9ac. \uac10\uc2f8\uc778 \uc694\uc18c \ucef4\ud3ec\ub10c\ud2b8\uc5d0 \uc694\uc18c(HTML \ud0dc\uadf8)\uac00 \uc5ec\ub7ec\uac1c\uac00 \uc788\ub294 \uacbd\uc6b0\ub77c\uba74, \ubc18\ub4dc\uc2dc \ucd5c\uc0c1\uc704 \ub178\ub4dc 1\uac1c\ub9cc \uc874\uc7ac\ud574\uc57c \ud568. \ucef4\ud30c\uc77c\ub418\uc9c0 \uc54a\ub294\ub2e4. \uc774\uc720 \ub9ac\uc561\ud2b8\ub294 \uae30\ubcf8\uc801\uc73c\ub85c Virtual DOM\uc73c\ub85c \ub3d9\uc791\ud55c\ub2e4. \ub9ac\uc561\ud2b8\ub294 \ucef4\ud3ec\ub10c\ud2b8\uc758 \ubcc0\ud654\ub97c \uac10\uc9c0\ud558\uae30 \uc704\ud574, \uc131\ub2a5\uc774\uc288\ub85c \uc778\ud574 \ucef4\ud3ec\ub10c\ud2b8 \ub0b4\ubd80\ub294 \ubc18\ub4dc\uc2dc &#8216;\ud558\ub098\uc758 DOM\ud2b8\ub9ac&#8217; &#8230; <a title=\"\ub9ac\uc561\ud2b8\ub97c \ub2e4\ub8e8\ub294 \uae30\uc220\" class=\"read-more\" href=\"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/2021\/01\/11\/%eb%a6%ac%ec%95%a1%ed%8a%b8%eb%a5%bc-%eb%8b%a4%eb%a3%a8%eb%8a%94-%ea%b8%b0%ec%88%a0\/\" aria-label=\"Read more about \ub9ac\uc561\ud2b8\ub97c \ub2e4\ub8e8\ub294 \uae30\uc220\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-291","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":4,"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/291\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/291\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scrutineer.co.kr\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}