{"id":20600,"date":"2018-04-09T08:30:00","date_gmt":"2018-04-08T23:30:00","guid":{"rendered":"http:\/\/w3devlabs.net\/wp\/?p=20600"},"modified":"2018-03-25T20:31:09","modified_gmt":"2018-03-25T11:31:09","slug":"%eb%b9%84%ea%b0%84%ec%84%ad-%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8unobtrusive-javascript","status":"publish","type":"post","link":"http:\/\/w3devlabs.net\/wp\/?p=20600","title":{"rendered":"\ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(Unobtrusive Javascript)"},"content":{"rendered":"<h1 style=\"margin: 20pt 0px 6pt; line-height: 1.38; letter-spacing: normal; clear: none;\" dir=\"ltr\"><span style=\"letter-spacing: normal; vertical-align: baseline; white-space: pre-wrap;\"><font style=\"font-size: 20pt;\"><font style=\"font-weight: normal;\">\ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(Unobtrusive Javascript)<\/font><\/font><\/span><\/h1>\n<p><br style=\"letter-spacing: normal;\"><\/p>\n<p style=\"line-height: 1.38; letter-spacing: normal; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"letter-spacing: normal; vertical-align: baseline; white-space: pre-wrap;\"><font style=\"font-size: 11pt;\">window \uc778\uc2a4\ud134\uc2a4\uc758 onload \ud504\ub85c\ud37c\ud2f0\uc5d0 \ud568\uc218(\uadf8 \ud568\uc218\uc5d0 \uc774\ub984\uc774 \uc788\ub4e0 \uc5c6\ub4e0 \uc0c1\uad00 \uc5c6\uc774)\ub97c \ud560\ub2f9\ud558\ub294 \ubc29\ubc95\uc740 \uc5ec\ub7ec\ubd84\uc774 \uc9c0\uae08\uae4c\uc9c0 \ub85c\ub4dc \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \uc124\uc815\ud574\uc654\ub358 \ubc29\uc2dd\uacfc \ub2e4\ub97c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub9c8\ub3c4 window.onload \ub300\uc2e0 &lt;body&gt; \ud0dc\uadf8\uc758 onload \uc18d\uc131\uc744 \uc0ac\uc6a9\ud558\ub294\ub370 \ub354 \uc775\uc219\ud560\uc9c0\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. <\/font><\/span><\/p>\n<p><br style=\"letter-spacing: normal;\"><\/p>\n<p style=\"line-height: 1.38; letter-spacing: normal; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"letter-spacing: normal; vertical-align: baseline; white-space: pre-wrap;\"><font style=\"font-size: 11pt;\">\ub450 \uac00\uc9c0 \ubc29\uc2dd \ubaa8\ub450 \uac19\uc740 \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc9c0\ub9cc, window.onload \ubc29\uc2dd\uc744 \uc120\ud638\ud569\ub2c8\ub2e4. \uc65c\ub0d0\ud558\uba74 \ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \uc798 \uc54c\ub824\uc9c4 \uc6d0\uce59\uc5d0 \ubd80\ud569\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/font><\/span><\/p>\n<p><br style=\"letter-spacing: normal;\"><\/p>\n<p style=\"line-height: 1.38; letter-spacing: normal; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"letter-spacing: normal; vertical-align: baseline; white-space: pre-wrap;\"><font style=\"font-size: 11pt;\">css\uac00 \ub4f1\uc7a5\ud558\uace0 \ub098\uc11c \ubb38\uc11c \uc2a4\ud0c0\uc77c \uc815\ubcf4\uac00 \ub9c8\ud06c\uc5c5 \uc678\ubd80\ub85c \uc774\ub3d9\ud55c \uac83\uc744 \uae30\uc5b5\ud558\ub294\uac00? \ub2e8\uc9c0 \uc18c\uc218\ub9cc\uc774 \ubb38\uc11c \uad6c\uc870\uc5d0\uc11c \uc2a4\ud0c0\uc77c\uc744 \ubd84\ub9ac\ud558\ub294 \uac83\uc774 \ub098\uc058\ub2e4\uace0 \uc8fc\uc7a5\ud588\uace0, \uc9c0\uae08\uc740 \ubb38\uc11c \uc2a4\ud0c0\uc77c \uc815\ubcf4\uc640 \ub9c8\ud06c\uc5c5\uc744 \ubd84\ub9ac\ud558\ub294 \ud589\uc704\ub294 \ub300\ubd80\ubd84 \uc62c\ubc14\ub974\ub2e4\uace0 \uac04\uc8fc\ub429\ub2c8\ub2e4. \ub9c8\ucc2c\uac00\uc9c0\ub85c \ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 \ubb38\uc11c \ub9c8\ud06c\uc5c5\uacfc \uc2a4\ud06c\ub9bd\ud2b8\ub97c \ubd84\ub9ac\ud568\uc73c\ub85c\uc368 \uac19\uc740 \ud589\uc704\ub97c \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/font><\/span><\/p>\n<p><br style=\"letter-spacing: normal;\"><\/p>\n<p style=\"line-height: 1.38; letter-spacing: normal; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"letter-spacing: normal; vertical-align: baseline; white-space: pre-wrap;\"><font style=\"font-size: 11pt;\">\uc774\ub85c \uc778\ud574 \ud398\uc774\uc9c0\uc758 \uc138 \uac00\uc9c0 \uc8fc\uc694 \uad6c\uc131\uc694\uc18c(\uad6c\uc870, \uc2a4\ud0c0\uc77c, \ub3d9\uc791)\ub97c \uac01\uc790\uc758 \uc704\uce58\uc5d0 \uba4b\uc9c0\uac8c \ubd84\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uad6c\uc870\ub294 \ubb38\uc11c \ub9c8\ud06c\uc5c5\uc73c\ub85c \uc815\uc758\ud558\uace0 \uc2a4\ud0c0\uc77c\uc740 &lt;style&gt;\uc694\uc18c\ub098 \uc678\ubd80 \uc2a4\ud0c0\uc77c \uc2dc\ud2b8\uc5d0 \uc815\uc758\ud558\uba70 \ub3d9\uc791\uc740 &lt;script&gt;\ube14\ub85d\uc774\ub098 \uc678\ubd80 \uc2a4\ud06c\ub9bd\ud2b8 \ud30c\uc77c\uc5d0 \uc815\uc758\ud569\ub2c8\ub2e4.<\/font><\/span><\/p>\n<p><br style=\"letter-spacing: normal;\"><\/p>\n<p style=\"line-height: 1.38; letter-spacing: normal; margin-top: 0pt; margin-bottom: 0pt;\" dir=\"ltr\"><span style=\"letter-spacing: normal; vertical-align: baseline; white-space: pre-wrap;\"><font style=\"font-size: 11pt;\">\uc608\uc81c\ub97c \uc544\uc8fc \uac04\ub2e8\ud558\uac8c \uad6c\uc131\ud560 \uc758\ub3c4\ub098 \ubd84\uba85\ud55c \ubaa9\uc801\uc774 \uc5c6\ub294 \ud55c, \uc774 \ucc45\uc758 \uc608\uc81c\uc5d0\uc11c\ub294 \ubb38\uc11c \ub9c8\ud06c\uc5c5 \uad6c\uc870 \ub0b4\uc5d0 \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc744 \uac83\uc785\ub2c8\ub2e4.<\/font><\/span><\/p>\n<p><br class=\"Apple-interchange-newline\" style=\"line-height: normal; letter-spacing: normal;\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(Unobtrusive Javascript) window \uc778\uc2a4\ud134\uc2a4\uc758 onload \ud504\ub85c\ud37c\ud2f0\uc5d0 \ud568\uc218(\uadf8 \ud568\uc218\uc5d0 \uc774\ub984\uc774 \uc788\ub4e0 \uc5c6\ub4e0 \uc0c1\uad00 \uc5c6\uc774)\ub97c \ud560\ub2f9\ud558\ub294 \ubc29\ubc95\uc740 \uc5ec\ub7ec\ubd84\uc774 \uc9c0\uae08\uae4c\uc9c0 \ub85c\ub4dc \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \uc124\uc815\ud574\uc654\ub358 \ubc29\uc2dd\uacfc \ub2e4\ub97c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub9c8\ub3c4 window.onload \ub300\uc2e0 &lt;body&gt; \ud0dc\uadf8\uc758 onload \uc18d\uc131\uc744 \uc0ac\uc6a9\ud558\ub294\ub370 \ub354 \uc775\uc219\ud560\uc9c0\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ub450 \uac00\uc9c0 \ubc29\uc2dd \ubaa8\ub450 \uac19\uc740 \uacb0\uacfc\ub97c \uc5bb\uc744 \uc218 \uc788\uc9c0\ub9cc, window.onload \ubc29\uc2dd\uc744 \uc120\ud638\ud569\ub2c8\ub2e4. \uc65c\ub0d0\ud558\uba74 \ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \uc798 \uc54c\ub824\uc9c4 \uc6d0\uce59\uc5d0 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/w3devlabs.net\/wp\/?p=20600\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;\ube44\uac04\uc12d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(Unobtrusive Javascript)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[24474],"tags":[24495,24494,24493,5781],"class_list":["post-20600","post","type-post","status-publish","format-standard","hentry","category-24474","tag-javascript","tag-unobtrusive","tag-24493","tag-5781","entry"],"_links":{"self":[{"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=\/wp\/v2\/posts\/20600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20600"}],"version-history":[{"count":1,"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=\/wp\/v2\/posts\/20600\/revisions"}],"predecessor-version":[{"id":20601,"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=\/wp\/v2\/posts\/20600\/revisions\/20601"}],"wp:attachment":[{"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20600"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/w3devlabs.net\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}