{"id":2358,"date":"2016-05-10T10:36:04","date_gmt":"2016-05-10T10:36:04","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=2358"},"modified":"2017-01-26T22:01:04","modified_gmt":"2017-01-26T13:01:04","slug":"%ed%81%ac%eb%a1%9c%ec%8a%a4-%eb%8f%84%eb%a9%94%ec%9d%b8cross-domain%ec%9d%84-%ed%97%88%ec%9a%a9%ed%95%98%eb%8a%94-openapi-%ea%b0%9c%eb%b0%9c%ec%9d%84-%ec%9c%84%ed%95%9c-jsonp","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=2358","title":{"rendered":"\ud06c\ub85c\uc2a4 \ub3c4\uba54\uc778(Cross Domain)\uc744 \ud5c8\uc6a9\ud558\ub294 OpenAPI \uac1c\ubc1c\uc744 \uc704\ud55c JSONP"},"content":{"rendered":"<p><P>AJAX \ubc29\uc2dd\uc740 \uc11c\ub85c \ub2e4\ub978 \ub3c4\uba54\uc778\uac04\uc758 \ub370\uc774\ud130\ub97c \ubc1b\uc544 \uc624\ub294 \uac83\uc744 \uae30\ubcf8\uc801\uc73c\ub85c \ub9c9\uace0 \uc788\uc9c0\ub9cc, JSONP\ub77c\ub294 \ubc29\ubc95\uc744 \uc774\uc6a9\ud574 \uac00\ub2a5\ud558\uac8c \ub429\ub2c8\ub2e4. \uc774\uc5d0 \ub300\ud574 \uc815\ub9ac\ud574 \ubd05\ub2c8\ub2e4. JSONP \ubc29\uc2dd\uc758 OpenAPI\ub97c \uc81c\uacf5\ud558\ub294 Java \uc11c\ube14\ub9bf \uc911 doGet \ud568\uc218\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\nprotected void doGet(HttpServletRequest request, HttpServletResponse response) \r\n    throws IOException\r\n{\r\n    String name = request.getParameter(\"name\");\r\n    String nameDecoded = URLDecoder.decode(name, \"UTF-8\");\r\n    String callbackFunction = request.getParameter(\"callback\");\r\n\r\n    String responseData = \"({\\\"Value\\\": \\\"Hello, \" + nameDecoded + \"\\\"})\";\r\n\t\t\r\n    String result = callbackFunction + \"(\"+ responseData + \");\";\r\n\r\n    response.setContentType(\"application\/json;charset=UTF-8\");\r\n    response.setCharacterEncoding(\"UTF-8\");\r\n    response.setStatus(HttpServletResponse.SC_OK);\r\n\t\t\r\n    response.setContentType(\"text\/javascript\");\r\n    PrintWriter out = response.getWriter();\r\n    out.println(result);\r\n}\r\n<\/pre>\n<p><P>\uc704\uc758 OpenAPI\ub294 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21\uc5d0\uc11c name\uacfc callback\uc774\ub77c\ub294 \ud30c\ub77c\uba54\ud130\ub97c \uc804\ub2ec\ud574 \uc900\ub2e4\ub77c\ub294 \uc804\uc81c \uc870\uac74\uc744 \uac16\uc2b5\ub2c8\ub2e4. \uc11c\ubc84\ub294 \uc790\uc2e0\uc5d0\uac8c \uc804\ub2ec\ub41c name\uc744 \uc774\uc6a9\ud574 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \ub2e4\uc2dc Hello\ub85c \uad6c\uc131\ub41c \ubb38\uc790\uc5f4\uc744 \uacb0\uacfc\ub85c \uc804\ub2ec\ud574 \uc90d\ub2c8\ub2e4. \uc5ec\uae30\uc11c \uc804\ub2ec \ubc29\uc2dd\uc774 \uc911\uc694\ud55c\ub370\uc694. \uadf8 \uc804\ub2ec\ubc29\uc2dd\uc774 \ubc14\ub85c JavaScript \ud568\uc218\ud638\ucd9c\uc5d0 \ub300\ud55c \ucf54\ub4dc\uc785\ub2c8\ub2e4. \uc774 \ucf54\ub4dc \ubb38\uc790\uc5f4\uc744 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \ubc1b\uc544 \uc2e4\ud589\ud574 \uc900\ub2e4\ub77c\ub294 \uac83\uc785\ub2c8\ub2e4. \uc2e4\uc81c\ub85c \uc704\uc758 \uc11c\ube14\ub9bf\uc5d0 \ub300\ud574 \uc6f9 \ube0c\ub7ec\uc6b0\uc800\ub97c \ud1b5\ud574 \ud638\ucd9c\ud574 \ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/P><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1080591468.png\" \/><\/p>\n<p><P>\uc704\uc758 URL \ud638\ucd9c\uc744 \uc880\ub354 \uc124\uba85\ud558\uba74, name \ud30c\ub77c\uba54\ud130\uc5d0\ub294 Dip2K\ub97c \uc9c0\uc815\ud588\uace0, callback \ud30c\ub77c\uba54\ud130\uc5d0\ub294 Test\ub97c \uc9c0\uc815\ud588\uc2b5\ub2c8\ub2e4. \uadf8 \ud638\ucd9c \uacb0\uacfc\ub294 Value\ub97c \ud0a4\ub85c \ud558\uace0 Hello, Dip2K\ub97c \uac12\uc73c\ub85c \ud558\ub294 \uac1d\uccb4\ub97c \uc778\uc790\ub85c\ud55c Test \ud568\uc218\uc758 \ud638\ucd9c \ucf54\ub4dc\uc5d0 \ub300\ud55c \ubb38\uc790\uc5f4\uc785\ub2c8\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c \uc774 \ubb38\uc790\uc5f4\uc744 \ucf54\ub4dc\ud654\ud558\uc5ec \uc2e4\ud589\ud574\uc8fc\uba74 \uc131\uacf5\uc801\uc73c\ub85c \uc11c\ubc84\uc5d0\uc11c \uc804\ub2ec\ud55c \ub370\uc774\ud130\ub97c \ubc1b\uc544 \ucc98\ub9ac\ud560 \uc218 \uc788\uac8c \ub418\ub294 \uac83\uc785\ub2c8\ub2e4.<\/P><\/p>\n<p><P>\uc2e4\uc81c\ub85c \uc544\ub798\uc758 \ucf54\ub4dc\ub294 jQuery\ub97c \uc774\uc6a9\ud574 JSONP \ubc29\uc2dd\uc73c\ub85c \ud06c\ub85c\uc2a4\ub3c4\uba54\uc778 \ubb38\uc81c\ub97c \uae54\ub054\ud558\uac8c \ud574\uacb0\ud574 \ub370\uc774\ud130\ub97c \uc8fc\uace0 \ubc1b\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/P><\/p>\n<pre>\r\nvar url = 'http:\/\/www.gisdeveloper.co.kr:8079\/OpenAPI?name=\uae40\ud615\uc900&callback=?';\r\n\r\n$.ajax({\r\n    url: url,\r\n    type: 'get',\r\n    dataType: 'jsonp',\r\n    success: function (data) {\r\n        alert(data.Value);\r\n    }\r\n});\r\n<\/pre>\n<p><P>\uc2e4\ud589 \uacb0\uacfc\ub294 &#8216;Hello, \uae40\ud615\uc900&#8217;\uc744 \ud45c\uc2dc\ud558\ub294 Alert \ucc3d \uc785\ub2c8\ub2e4.<\/P><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AJAX \ubc29\uc2dd\uc740 \uc11c\ub85c \ub2e4\ub978 \ub3c4\uba54\uc778\uac04\uc758 \ub370\uc774\ud130\ub97c \ubc1b\uc544 \uc624\ub294 \uac83\uc744 \uae30\ubcf8\uc801\uc73c\ub85c \ub9c9\uace0 \uc788\uc9c0\ub9cc, JSONP\ub77c\ub294 \ubc29\ubc95\uc744 \uc774\uc6a9\ud574 \uac00\ub2a5\ud558\uac8c \ub429\ub2c8\ub2e4. \uc774\uc5d0 \ub300\ud574 \uc815\ub9ac\ud574 \ubd05\ub2c8\ub2e4. JSONP \ubc29\uc2dd\uc758 OpenAPI\ub97c \uc81c\uacf5\ud558\ub294 Java \uc11c\ube14\ub9bf \uc911 doGet \ud568\uc218\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException { String name = request.getParameter(&#8220;name&#8221;); String nameDecoded = URLDecoder.decode(name, &#8220;UTF-8&#8221;); String callbackFunction = request.getParameter(&#8220;callback&#8221;); String &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=2358\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;\ud06c\ub85c\uc2a4 \ub3c4\uba54\uc778(Cross Domain)\uc744 \ud5c8\uc6a9\ud558\ub294 OpenAPI \uac1c\ubc1c\uc744 \uc704\ud55c JSONP&#8221;<\/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-2358","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\/2358","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=2358"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2358\/revisions"}],"predecessor-version":[{"id":2675,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/2358\/revisions\/2675"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2358"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}