{"id":186,"date":"2024-07-11T19:15:00","date_gmt":"2024-07-11T10:15:00","guid":{"rendered":"https:\/\/wizardofcode.kr\/?p=186"},"modified":"2024-07-09T16:23:33","modified_gmt":"2024-07-09T07:23:33","slug":"%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-%ed%8c%9d%ec%97%85-%ec%b0%a8%eb%8b%a8-%ed%99%95%ec%9d%b8-%ed%8c%9d%ec%97%85-%eb%b8%94%eb%a1%9d-%eb%b0%a9%ec%a7%80-%eb%b0%a9%eb%b2%95","status":"publish","type":"post","link":"https:\/\/wizardofcode.kr\/?p=186","title":{"rendered":"\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud31d\uc5c5 \ucc28\ub2e8 \ud655\uc778: \ud31d\uc5c5 \ube14\ub85d \ubc29\uc9c0 \ubc29\ubc95"},"content":{"rendered":"\n<p>\uc6f9 \ud398\uc774\uc9c0\uc5d0\uc11c \ud31d\uc5c5 \ucc3d\uc744 \ud65c\uc6a9\ud558\ub294 \uae30\ub2a5\uc744 \uad6c\ud604\ud588\ub294\ub370, \uc0ac\uc6a9\uc790\uc758 \ube0c\ub77c\uc6b0\uc800 \uc124\uc815\uc5d0 \ub530\ub77c \ud31d\uc5c5\uc774 \ucc28\ub2e8\ub418\uc5b4 \uc81c\ub300\ub85c \uc5f4\ub9ac\uc9c0 \uc54a\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ub7ec\ud55c \ubb38\uc81c\ub97c \ubc29\uc9c0\ud558\uae30 \uc704\ud574 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub85c \ud31d\uc5c5 \ucc28\ub2e8 \uc5ec\ubd80\ub97c \ud655\uc778\ud558\uace0, \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc548\ub0b4 \uba54\uc2dc\uc9c0\ub97c \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc744 \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(url) {\n  const popup = window.open(url, '_blank');\n\n  if (!popup || popup.closed) {\n    alert('\ud31d\uc5c5\uc774 \ucc28\ub2e8\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud31d\uc5c5 \ucc28\ub2e8\uc744 \ud574\uc81c\ud558\uace0 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.');\n  } else {\n    \/\/ \ud31d\uc5c5\uc774 \uc131\uacf5\uc801\uc73c\ub85c \uc5f4\ub838\uc744 \ub54c \ucd94\uac00\uc801\uc778 \uc791\uc5c5 (\uc120\ud0dd \uc0ac\ud56d)\n    popup.focus(); \/\/ \ud31d\uc5c5 \ucc3d\uc5d0 \ud3ec\ucee4\uc2a4 \uc8fc\uae30\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\">url<\/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\">popup<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">window<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">open<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">url<\/span><span style=\"color: #ECEFF4\">,<\/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: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #81A1C1\">!<\/span><span style=\"color: #D8DEE9\">popup<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">||<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">popup<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">closed<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">\ud31d\uc5c5\uc774 \ucc28\ub2e8\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud31d\uc5c5 \ucc28\ub2e8\uc744 \ud574\uc81c\ud558\uace0 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.<\/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: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">else<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">    <\/span><span style=\"color: #616E88\">\/\/ \ud31d\uc5c5\uc774 \uc131\uacf5\uc801\uc73c\ub85c \uc5f4\ub838\uc744 \ub54c \ucd94\uac00\uc801\uc778 \uc791\uc5c5 (\uc120\ud0dd \uc0ac\ud56d)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">popup<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">focus<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #616E88\">\/\/ \ud31d\uc5c5 \ucc3d\uc5d0 \ud3ec\ucee4\uc2a4 \uc8fc\uae30<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/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>\uc0c8\ucc3d \uc5f4\uae30\n<ul class=\"wp-block-list\">\n<li>window.open(url, &#8216;_blank&#8217;)\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc8fc\uc5b4\uc9c4 url\ub85c \uc0c8 \ucc3d\uc744 \uc5fd\ub2c8\ub2e4. _blank\ub294 \uc0c8 \ucc3d\uc744 \uc5ec\ub294 \ud45c\uc900\uc801\uc778 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ud31d\uc5c5 \ucc28\ub2e8 \uac10\uc9c0\n<ul class=\"wp-block-list\">\n<li>\ud31d\uc5c5 \ucc3d\uc774 \uc131\uacf5\uc801\uc73c\ub85c \uc5f4\ub838\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4. \ud31d\uc5c5 \ucc28\ub2e8 \uc124\uc815\uc73c\ub85c \uc778\ud574 \uc0c8 \ucc3d\uc774 \uc5f4\ub9ac\uc9c0 \uc54a\uac70\ub098, \uc0ac\uc6a9\uc790\uac00 \ud31d\uc5c5 \ucc3d\uc744 \uc989\uc2dc \ub2eb\uc740 \uacbd\uc6b0 \ub4f1\uc744 \uac10\uc9c0\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ud31d\uc5c5 \ucc28\ub2e8 \uc54c\ub9bc\n<ul class=\"wp-block-list\">\n<li>\ud31d\uc5c5 \ucc3d\uc774 \uc81c\ub300\ub85c \uc5f4\ub9ac\uc9c0 \uc54a\uc73c\uba74 \uc0ac\uc6a9\uc790\uc5d0\uac8c &#8220;\ud31d\uc5c5\uc774 \ucc28\ub2e8\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud31d\uc5c5 \ucc28\ub2e8\uc744 \ud574\uc81c\ud558\uace0 \ub2e4\uc2dc \uc2dc\ub3c4\ud574\uc8fc\uc138\uc694.&#8221;\ub77c\ub294 \uc54c\ub9bc \uba54\uc2dc\uc9c0\ub97c \ud45c\uc2dc\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\">\ucf54\ub4dc \ubd84\uc11d<\/h5>\n\n\n\n<p>popup \ubcc0\uc218\ub294 window.open() \ud568\uc218\uc758 \ubc18\ud658\uac12\uc744 \uc800\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774 \uac12\uc740 \uc0c8\ub85c \uc5f4\ub9b0 \ucc3d(window \uac1d\uccb4)\uc744 \ub098\ud0c0\ub0b4\uac70\ub098, \ud31d\uc5c5 \ucc28\ub2e8 \ub4f1\uc73c\ub85c \uc778\ud574 \ucc3d\uc774 \uc5f4\ub9ac\uc9c0 \ubabb\ud55c \uacbd\uc6b0 null \uac12\uc744 \uac00\uc9d1\ub2c8\ub2e4.<br>!popup \uc870\uac74\uc740 popup\uc774 null\uc778\uc9c0 \ud655\uc778\ud558\uc5ec \ud31d\uc5c5 \ucc28\ub2e8 \uc5ec\ubd80\ub97c \uac80\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>popup.closed\ub294 \ud31d\uc5c5 \ucc3d\uc774 \ub2eb\ud614\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>typeof popup.closed == &#8216;undefined&#8217;\ub294 \uc77c\ubd80 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud31d\uc5c5\uc774 \ucc28\ub2e8\ub418\uc5c8\uc744 \ub54c popup.closed \uc18d\uc131\uc774 \uc815\uc758\ub418\uc9c0 \uc54a\ub294 \uacbd\uc6b0\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">\uc8fc\uc758 \uc0ac\ud56d<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud31d\uc5c5 \ucc28\ub2e8 \uc6b0\ud68c\n<ul class=\"wp-block-list\">\n<li>\ud31d\uc5c5 \ucc28\ub2e8\uc740 \uc0ac\uc6a9\uc790\uc758 \uc758\ub3c4\uc801\uc778 \uc124\uc815\uc774\ubbc0\ub85c, \uc774\ub97c \uc6b0\ud68c\ud558\ub824\ub294 \uc2dc\ub3c4\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud574\uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud31d\uc5c5 \ucc28\ub2e8 \uc54c\ub9bc\uc744 \ud1b5\ud574 \uc0ac\uc6a9\uc790\uac00 \uc9c1\uc811 \ud31d\uc5c5 \ucc28\ub2e8\uc744 \ud574\uc81c\ud558\ub3c4\ub85d \uc720\ub3c4\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\ube0c\ub77c\uc6b0\uc800 \ud638\ud658\uc131\n<ul class=\"wp-block-list\">\n<li>\ud31d\uc5c5 \ucc28\ub2e8 \uac10\uc9c0 \ub85c\uc9c1\uc740 \ub300\ubd80\ubd84\uc758 \ucd5c\uc2e0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc798 \uc791\ub3d9\ud558\uc9c0\ub9cc, \uc77c\ubd80 \uc624\ub798\ub41c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 \uc644\ubcbd\ud558\uac8c \uc791\ub3d9\ud558\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>\uc774\uc0c1 \ud31d\uc5c5 \ucc28\ub2e8 \uc5ec\ubd80\ub97c \ud655\uc778\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud55c \ud3ec\uc2a4\ud305\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 \ud398\uc774\uc9c0\uc5d0\uc11c \ud31d\uc5c5 \ucc3d\uc744 \ud65c\uc6a9\ud558\ub294 \uae30\ub2a5\uc744 \uad6c\ud604\ud588\ub294\ub370, \uc0ac\uc6a9\uc790\uc758 \ube0c\ub77c\uc6b0\uc800 \uc124\uc815\uc5d0 \ub530\ub77c \ud31d\uc5c5\uc774 \ucc28\ub2e8\ub418\uc5b4 \uc81c\ub300\ub85c \uc5f4\ub9ac\uc9c0 \uc54a\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ubb38\uc81c\ub97c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[3],"tags":[16,22],"class_list":["post-186","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\/186","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=186"}],"version-history":[{"count":1,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/186\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/186\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}