{"id":184,"date":"2024-07-09T19:00:00","date_gmt":"2024-07-09T10:00:00","guid":{"rendered":"https:\/\/wizardofcode.kr\/?p=184"},"modified":"2024-07-09T16:15:36","modified_gmt":"2024-07-09T07:15:36","slug":"%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%ec%83%88%ec%b0%bd-post-%eb%8d%b0%ec%9d%b4%ed%84%b0-%ec%a0%84%ec%86%a1-%ec%89%bd%ea%b2%8c-%eb%b0%b0%ec%9a%b0%eb%8a%94-%ea%b0%80%ec%9d%b4","status":"publish","type":"post","link":"https:\/\/wizardofcode.kr\/?p=184","title":{"rendered":"\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc0c8\ucc3d POST \ub370\uc774\ud130 \uc804\uc1a1: \uc27d\uac8c \ubc30\uc6b0\ub294 \uac00\uc774\ub4dc"},"content":{"rendered":"\n<p>\uc6f9 \uac1c\ubc1c \uc911 \uc0c8\ub85c\uc6b4 \ucc3d\uc73c\ub85c \uc5f4\uba74\uc11c POST \ub370\uc774\ud130\ub97c \uc804\ub2ec\ud574\uc57c \ud560 \ub54c\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ub2e8\uc21c\ud788 \ud398\uc774\uc9c0\ub97c \uc5ec\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, \uc815\ubcf4\ub97c \uc548\uc804\ud558\uac8c POST \ubc29\uc2dd\uc73c\ub85c \uc804\uc1a1\ud558\uace0 \uc2f6\ub2e4\uba74 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694?<\/p>\n\n\n\n<p>\uc774 \uae00\uc5d0\uc11c\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ud65c\uc6a9\ud558\uc5ec \uc0c8 \ucc3d\uc73c\ub85c POST \ub370\uc774\ud130\ub97c \uc804\uc1a1\ud558\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">\ud575\uc2ec \ucf54\ub4dc \ubd84\uc11d:<\/h5>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"function openNewWindow(content_id) {\n  const form = document.createElement('form');\n  form.method = 'POST';\n  form.action = '\ud31d\uc5c5\uc8fc\uc18c'; \n  form.target = '_blank'; \n\n  const hiddenField = document.createElement('input');\n  hiddenField.type = 'hidden';\n  hiddenField.name = 'content';\n  hiddenField.value = content; \n\n  form.appendChild(hiddenField);\n  document.body.appendChild(form); \n  \n  form.submit();\n}\n\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">openNewWindow<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">content_id<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">createElement<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">form<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">method<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">POST<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">action<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">\ud31d\uc5c5\uc8fc\uc18c<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">target<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">_blank<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">hiddenField<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">createElement<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">input<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">hiddenField<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">type<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">hidden<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">hiddenField<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">name<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">content<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">hiddenField<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">value<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">content<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">appendChild<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">hiddenField<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">body<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">appendChild<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">form<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">submit<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">\ucf54\ub4dc \uc124\uba85:<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\ud3fc \uc0dd\uc131\n<ul class=\"wp-block-list\">\n<li>document.createElement(&#8216;form&#8217;);<\/li>\n\n\n\n<li>\ub370\uc774\ud130\ub97c \ub2f4\uc544 \uc804\uc1a1\ud560 \ud3fc \uc694\uc18c\ub97c \ub3d9\uc801\uc73c\ub85c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>POST \ubc29\uc2dd \uc124\uc815\n<ul class=\"wp-block-list\">\n<li>form.method = &#8216;POST&#8217;;<\/li>\n\n\n\n<li>\ub370\uc774\ud130 \uc804\uc1a1 \ubc29\uc2dd\uc744 POST\ub85c \uc9c0\uc815\ud558\uc5ec \ubcf4\uc548\uc744 \uac15\ud654\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\uc0c8\ub85c \uc5f4 URL \uc124\uc815\n<ul class=\"wp-block-list\">\n<li>form.action = &#8216;\ud31d\uc5c5\uc8fc\uc18c&#8217;;<\/li>\n\n\n\n<li>\ub370\uc774\ud130\ub97c \ubc1b\uc544 \ucc98\ub9ac\ud560 \ud398\uc774\uc9c0\uc758 \uc8fc\uc18c\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ud0c0\uac9f \uc124\uc815\n<ul class=\"wp-block-list\">\n<li>form.target = &#8216;_blank&#8217;;<\/li>\n\n\n\n<li>_blank\ub85c \uc124\uc815\ud558\uc5ec \uc0c8 \ucc3d\uc5d0\uc11c \ud398\uc774\uc9c0\ub97c \uc5fd\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\uc228\uaca8\uc9c4 \ud544\ub4dc \ucd94\uac00\n<ul class=\"wp-block-list\">\n<li>const hiddenField = document.createElement(&#8216;input&#8217;);<br>hiddenField.type = &#8216;hidden&#8217;;<br>hiddenField.name = &#8216;content&#8217;;<br>hiddenField.value = content;<\/li>\n\n\n\n<li>\uc804\uc1a1\ud560 \ub370\uc774\ud130\ub97c \uc228\uaca8\uc9c4 \ud544\ub4dc\uc5d0 \ub2f4\uc544 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ub178\ucd9c\ub418\uc9c0 \uc54a\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ud3fc \uc81c\ucd9c\n<ul class=\"wp-block-list\">\n<li>form.submit();<\/li>\n\n\n\n<li>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ud1b5\ud574 \ud3fc\uc744 \uc790\ub3d9\uc73c\ub85c \uc81c\ucd9c\ud558\uc5ec \ub370\uc774\ud130\ub97c \uc804\uc1a1\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">\uc65c POST \ubc29\uc2dd\uc744 \uc0ac\uc6a9\ud574\uc57c \ud560\uae4c\uc694?<\/h5>\n\n\n\n<p>GET \ubc29\uc2dd\uc740 URL\uc5d0 \ub370\uc774\ud130\uac00 \ub178\ucd9c\ub418\uc5b4 \ubcf4\uc548\uc5d0 \ucde8\uc57d\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubbfc\uac10\ud55c \uc815\ubcf4\ub97c \ub2e4\ub8f0 \ub54c\ub294 POST \ubc29\uc2dd\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ub97c \uc548\uc804\ud558\uac8c \uc804\uc1a1\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0c8 \ucc3d\uc73c\ub85c \uc5f4\uba74\uc11c POST \ub370\uc774\ud130\ub97c \uc804\uc1a1\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud55c \uc124\uba85\uc744 \ub9c8\uce58\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\uac10\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9 \uac1c\ubc1c \uc911 \uc0c8\ub85c\uc6b4 \ucc3d\uc73c\ub85c \uc5f4\uba74\uc11c POST \ub370\uc774\ud130\ub97c \uc804\ub2ec\ud574\uc57c \ud560 \ub54c\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \ud398\uc774\uc9c0\ub97c \uc5ec\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, \uc815\ubcf4\ub97c \uc548\uc804\ud558\uac8c POST \ubc29\uc2dd\uc73c\ub85c \uc804\uc1a1\ud558\uace0 \uc2f6\ub2e4\uba74 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \uc774 \uae00\uc5d0\uc11c\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ud65c\uc6a9\ud558\uc5ec \uc0c8 \ucc3d\uc73c\ub85c POST \ub370\uc774\ud130\ub97c \uc804\uc1a1\ud558\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ud575\uc2ec \ucf54\ub4dc \ubd84\uc11d: \ucf54\ub4dc \uc124\uba85: \uc65c POST \ubc29\uc2dd\uc744 \uc0ac\uc6a9\ud574\uc57c \ud560\uae4c\uc694? GET \ubc29\uc2dd\uc740 URL\uc5d0 \ub370\uc774\ud130\uac00 \ub178\ucd9c\ub418\uc5b4 \ubcf4\uc548\uc5d0 \ucde8\uc57d\ud560 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[16,22],"class_list":["post-184","post","type-post","status-publish","format-standard","hentry","category-webprogram","tag-javscript","tag-php"],"_links":{"self":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=184"}],"version-history":[{"count":1,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/184\/revisions\/185"}],"wp:attachment":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}