jQuery UI - DialogBox<\/title>\r\n\r\n <link rel=\"stylesheet\" \r\n href=\"\/\/code.jquery.com\/ui\/1.11.4\/themes\/smoothness\/jquery-ui.css\">\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n <script src=\"\/\/code.jquery.com\/jquery-1.10.2.js\"><\/script>\r\n <script src=\"\/\/code.jquery.com\/ui\/1.11.4\/jquery-ui.js\"><\/script>\r\n\r\n <script>\r\n $(function () {\r\n $(\"#dialog\").dialog();\r\n });\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <div id=\"dialog\" title=\"\ub300\ud654\uc0c1\uc790\">\r\n <p>\r\n Message\r\n <\/p>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<p><P>\uc55e\uc11c \uc5b8\uae09\ud55c \uc138\uac00\uc9c0 \ud750\ub984\uc5d0 \ud574\ub2f9\ud558\ub294 \ucf54\ub4dc\ub294, \uccab\uc9f8\uc778 Dialog\uc758 \uae30\ub2a5\uc744 \ub2f4\uc744 DIV\ub97c \uc120\uc5b8\uc740 20\ubc88, \ub450\ubc88\uc9f8\ub85c jQuery\uc640 jQuery UI\uc5d0 \ub300\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ub294 10\ubc88\uacfc 11\ubc88, \uc138\ubc88\uc9f8\uc778 \uc55e\uc11c \uc120\uc5b8\ud55c DIV\uc5d0 \ub300\ud574 dialog() \ud568\uc218\ub97c \ud638\ucd9c\ud574 \uc8fc\ub294 \uac83\uc740 15\ubc88\uc785\ub2c8\ub2e4.<\/P><\/p>\n<p><P>jQuery UI\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc640 HTML \ud14c\uadf8\ub97c \uc774\uc6a9\ud558\uc5ec \ub9e4\uc6b0 \uc9c1\uad00\uc801\uc774\uace0 \uac04\ub2e8\ud558\uac8c \uc6d0\ud558\ub294 UI\ub85c\uc368\uc758 \uae30\ub2a5(\uc0dd\uba85\ub825)\uc744 \ubd88\uc5b4 \ub123\uc744 \uc218 \uc788\ub294 \uc88b\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub77c\uace0 \uc0dd\uac01\ub429\ub2c8\ub2e4.<\/P><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc774\uc6a9\ud55c UI, \uc989 jQuery UI\uc5d0\ub294 \uae30\ubcf8\uc801\uc778 Button\uc5d0\uc11c\ubd80\ud130 Accordion\uae4c\uc9c0 \ub2e4\uc591\ud55c UI\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uadf8 \uc911 \ub300\ud654\uc0c1\uc790(Dialog)\uc5d0 \ub300\ud574 \uc0b4\ud3b4 \ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. \ud750\ub984\uc740 3\uac00\uc9c0\uc785\ub2c8\ub2e4. \uccab\uc9f8\ub294 Dialog\uc758 \uae30\ub2a5\uc744 \ub2f4\uc744 DIV\ub97c \uc120\uc5b8\ud558\uace0, \ub450\ubc88\uc9f8\ub294 jQuery\uc640 jQuery UI\uc5d0 \ub300\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ud558\uace0, \uc138\ubc88\uc9f8\ub294 \uc55e\uc11c \uc120\uc5b8\ud55c DIV\uc5d0 \ub300\ud574 dialog() \ud568\uc218\ub97c \ud638\ucd9c\ud574 \uc8fc\ub294 \uac83\uc774 \uae30\ubcf8\uc801\uc778 \ub0b4\uc6a9\uc758 \uc804\ubd80\uc785\ub2c8\ub2e4. \uc544\ub798\ub294 jQuery UI\ub97c \uc774\uc6a9\ud55c \ub2e4\uc774\uc5bc\ub85c\uadf8\uc5d0 \ub300\ud55c … <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=2212\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> “jQuery UI\ub97c \uc774\uc6a9\ud55c \ub300\ud654\uc0c1\uc790(Dialog) \ud45c\uc2dc\ud558\uae30”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-2212","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2212"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2212\/revisions"}],"predecessor-version":[{"id":2741,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2212\/revisions\/2741"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2212"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2212,"date":"2015-06-08T05:19:03","date_gmt":"2015-06-08T05:19:03","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=2212"},"modified":"2017-01-26T22:45:32","modified_gmt":"2017-01-26T13:45:32","slug":"jquery-ui%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%9c-%eb%8c%80%ed%99%94%ec%83%81%ec%9e%90dialog-%ed%91%9c%ec%8b%9c%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=2212","title":{"rendered":"jQuery UI\ub97c \uc774\uc6a9\ud55c \ub300\ud654\uc0c1\uc790(Dialog) \ud45c\uc2dc\ud558\uae30"},"content":{"rendered":"

jQuery \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc774\uc6a9\ud55c UI, \uc989 jQuery UI\uc5d0\ub294 \uae30\ubcf8\uc801\uc778 Button\uc5d0\uc11c\ubd80\ud130 Accordion\uae4c\uc9c0 \ub2e4\uc591\ud55c UI\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uadf8 \uc911 \ub300\ud654\uc0c1\uc790(Dialog)\uc5d0 \ub300\ud574 \uc0b4\ud3b4 \ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/P><\/p>\n

\ud750\ub984\uc740 3\uac00\uc9c0\uc785\ub2c8\ub2e4. \uccab\uc9f8\ub294 Dialog\uc758 \uae30\ub2a5\uc744 \ub2f4\uc744 DIV\ub97c \uc120\uc5b8\ud558\uace0, \ub450\ubc88\uc9f8\ub294 jQuery\uc640 jQuery UI\uc5d0 \ub300\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ud558\uace0, \uc138\ubc88\uc9f8\ub294 \uc55e\uc11c \uc120\uc5b8\ud55c DIV\uc5d0 \ub300\ud574 dialog() \ud568\uc218\ub97c \ud638\ucd9c\ud574 \uc8fc\ub294 \uac83\uc774 \uae30\ubcf8\uc801\uc778 \ub0b4\uc6a9\uc758 \uc804\ubd80\uc785\ub2c8\ub2e4.<\/P><\/p>\n

\uc544\ub798\ub294 jQuery UI\ub97c \uc774\uc6a9\ud55c \ub2e4\uc774\uc5bc\ub85c\uadf8\uc5d0 \ub300\ud55c \ud654\uba74\uc785\ub2c8\ub2e4.<\/P><\/p>\n

<\/p>\n

\uc704\uc758 \ud654\uba74\uc744 \uad6c\uc131\ud558\uae30 \uc704\ud55c \uc804\uccb4 \ucf54\ub4dc\ub294 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/P><\/p>\n

\r\n\r\n\r\n\r\n    \r\n    jQuery UI - DialogBox<\/title>\r\n\r\n    <link rel=\"stylesheet\" \r\n        href=\"\/\/code.jquery.com\/ui\/1.11.4\/themes\/smoothness\/jquery-ui.css\">\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n    <script src=\"\/\/code.jquery.com\/jquery-1.10.2.js\"><\/script>\r\n    <script src=\"\/\/code.jquery.com\/ui\/1.11.4\/jquery-ui.js\"><\/script>\r\n\r\n    <script>\r\n        $(function () {\r\n            $(\"#dialog\").dialog();\r\n        });\r\n    <\/script>\r\n<\/head>\r\n<body>\r\n    <div id=\"dialog\" title=\"\ub300\ud654\uc0c1\uc790\">\r\n        <p>\r\n            Message\r\n        <\/p>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<p><P>\uc55e\uc11c \uc5b8\uae09\ud55c \uc138\uac00\uc9c0 \ud750\ub984\uc5d0 \ud574\ub2f9\ud558\ub294 \ucf54\ub4dc\ub294,  \uccab\uc9f8\uc778 Dialog\uc758 \uae30\ub2a5\uc744 \ub2f4\uc744 DIV\ub97c \uc120\uc5b8\uc740 20\ubc88, \ub450\ubc88\uc9f8\ub85c jQuery\uc640 jQuery UI\uc5d0 \ub300\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ub294 10\ubc88\uacfc 11\ubc88, \uc138\ubc88\uc9f8\uc778 \uc55e\uc11c \uc120\uc5b8\ud55c DIV\uc5d0 \ub300\ud574 dialog() \ud568\uc218\ub97c \ud638\ucd9c\ud574 \uc8fc\ub294 \uac83\uc740 15\ubc88\uc785\ub2c8\ub2e4.<\/P><\/p>\n<p><P>jQuery UI\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc640 HTML \ud14c\uadf8\ub97c \uc774\uc6a9\ud558\uc5ec \ub9e4\uc6b0 \uc9c1\uad00\uc801\uc774\uace0 \uac04\ub2e8\ud558\uac8c \uc6d0\ud558\ub294 UI\ub85c\uc368\uc758 \uae30\ub2a5(\uc0dd\uba85\ub825)\uc744 \ubd88\uc5b4 \ub123\uc744 \uc218 \uc788\ub294 \uc88b\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub77c\uace0 \uc0dd\uac01\ub429\ub2c8\ub2e4.<\/P><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc774\uc6a9\ud55c UI, \uc989 jQuery UI\uc5d0\ub294 \uae30\ubcf8\uc801\uc778 Button\uc5d0\uc11c\ubd80\ud130 Accordion\uae4c\uc9c0 \ub2e4\uc591\ud55c UI\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uadf8 \uc911 \ub300\ud654\uc0c1\uc790(Dialog)\uc5d0 \ub300\ud574 \uc0b4\ud3b4 \ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. \ud750\ub984\uc740 3\uac00\uc9c0\uc785\ub2c8\ub2e4. \uccab\uc9f8\ub294 Dialog\uc758 \uae30\ub2a5\uc744 \ub2f4\uc744 DIV\ub97c \uc120\uc5b8\ud558\uace0, \ub450\ubc88\uc9f8\ub294 jQuery\uc640 jQuery UI\uc5d0 \ub300\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd94\uac00\ud558\uace0, \uc138\ubc88\uc9f8\ub294 \uc55e\uc11c \uc120\uc5b8\ud55c DIV\uc5d0 \ub300\ud574 dialog() \ud568\uc218\ub97c \ud638\ucd9c\ud574 \uc8fc\ub294 \uac83\uc774 \uae30\ubcf8\uc801\uc778 \ub0b4\uc6a9\uc758 \uc804\ubd80\uc785\ub2c8\ub2e4. \uc544\ub798\ub294 jQuery UI\ub97c \uc774\uc6a9\ud55c \ub2e4\uc774\uc5bc\ub85c\uadf8\uc5d0 \ub300\ud55c … <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=2212\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> “jQuery UI\ub97c \uc774\uc6a9\ud55c \ub300\ud654\uc0c1\uc790(Dialog) \ud45c\uc2dc\ud558\uae30”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[],"class_list":["post-2212","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2212"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2212\/revisions"}],"predecessor-version":[{"id":2741,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2212\/revisions\/2741"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2212"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}