{"id":407,"date":"2026-06-26T13:35:21","date_gmt":"2026-06-26T13:35:21","guid":{"rendered":"https:\/\/aabbee.cafe24.com\/?p=407"},"modified":"2026-06-26T14:02:46","modified_gmt":"2026-06-26T14:02:46","slug":"%ec%bd%9c%eb%b0%b1-%ed%95%a8%ec%88%98","status":"publish","type":"post","link":"https:\/\/coalacoding.com\/?p=407","title":{"rendered":"\ucf5c\ubc31-\ud568\uc218"},"content":{"rendered":"<blockquote>\n<p><strong>\ud568\uc218\ub294 \ub9e4\uac1c\ubcc0\uc218(parameter)\ub97c \ub123\uc744 \uc218 \uc788\ub2e4.<\/strong><\/p>\n<\/blockquote>\n<p>  <strong>\ud568\uc218\ub294 \uac12\uc744 \ubc18\ud658\ud560 \uc218 \uc788\ub2e4<\/strong><\/p>\n<p>\ud568\uc218\ub294 javascript\uc758 \uaf43\uc774\ub77c\uace0 \ubd88\ub9ac\ub294 \uc774\uc720\ub294 \ud568\uc218\uac00 \uc815\ub9d0 \ub9ce\uc740 \uacf3\uc5d0\uc11c \uc0ac\uc6a9\ub418\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<br \/>\n\ud568\uc218 \uc911  <code>callback(\ucf5c\ubc31) \ud568\uc218<\/code>\uc758 \uac1c\ub150\uc744 \uc774\ud574 \ud55c\ub2e4\uba74 \ud568\uc218\uc758 \uc138\uacc4\ub294 \uc77c\ucc28\uc815\ubcf5 \ud558\uc2dc\ub294 \uac81\ub2c8\ub2e4.<\/p>\n<p>\ucf5c\ubc31 \ud568\uc218\ub294 \ud568\uc218\uac00 \ub098\uc911\uc5d0 \ubd88\ub9b0\ub2e4\uace0 \ud574\uc11c CallBack \ud568\uc218\uc785\ub2c8\ub2e4.<br \/>\n\ubcf4\ud1b5 <strong>\ucf5c\ubc31 \ud568\uc218\ub97c \uad6c\ud604\ud560 \ub54c \ud568\uc218\uc758 \uc778\uc790\uc5d0 \ud568\uc218\ub97c \ub123\ub294 \ubc29\uc2dd\uc73c\ub85c \uc9c4\ud589\ud569\ub2c8\ub2e4. <\/strong><\/p>\n<pre><code class=\"language-javascript\">\/\/1. sayHello\ub77c\ub294 \ud568\uc218\uac00 \ucf5c\ubc31 \ud568\uc218\ub85c \uc0ac\uc6a9\ub418\ub294 \uc608\uc2dc\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n\nfunction sayHello(){ \/\/sayHello \ub77c\ub294 \ud568\uc218\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.\n\tconsole.log(&#39;\uc548\ub155\ud558\uc138\uc694&#39;);\n}\n**\nf**unction getDog(callback){ \/\/getDog \ud568\uc218\uc758 \ud30c\ub77c\ubbf8\ud130\uc5d0\ub294 \ud568\uc218\uac00 \ub4e4\uc5b4\uac11\ub2c8\ub2e4.\n\tcallback(); \/\/callback \ud30c\ub77c\ubbf8\ud130\ub294 \ud568\uc218\uc774\uae30\uc5d0 \uc2e4\ud589\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n}\n\n\/\/getDog\uc758 \ud30c\ub77c\ubbf8\ud130\uc778 callbackFunc\uc5d0\ub294 sayHello\uac00 \ub4e4\uc5b4\uac00\uace0 sayHello\uac00 \uc2e4\ud589\ub429\ub2c8\ub2e4.\ngetDog(sayHello) \/\/&#39;\ub098\ub294 \ub315\ub315\uc774\ub2e4&#39;\uac00 \ucd9c\ub825\ub429\ub2c8\ub2e4.\n<\/code><\/pre>\n<blockquote>\n<p><strong>Info<\/strong>: \ud83d\udca1 \ubaa8\ub4e0 \ud568\uc218\uc758 \ud30c\ub77c\ubbf8\ud130 \uc774\ub984\uc740 \uc790\uc720\ub86d\uac8c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc989 getDog(callback)\uc744 getDog(cb) \uc774\ub807\uac8c \ubc14\uafd4\ub3c4 \ub429\ub2c8\ub2e4.<\/p>\n<\/blockquote>\n<p>\uc774\ub807\uac8c \ucf5c\ubc31\ud568\uc218\ub97c \uc0ac\uc6a9\ud560 \ub54c \uc544\ub798\uc640 \uac19\uc774 \ud568\uc218\ub85c \uc815\uc758\ub41c \ubcc0\uc218\ub97c \ub123\uc9c0 \uc54a\uace0 \ubc14\ub85c \ud568\uc218\ub97c \ub123\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uac83\uc744 <code>\uc775\uba85 \ud568\uc218<\/code>\ub77c\uace0 \ubd80\ub985\ub2c8\ub2e4 <\/p>\n<pre><code class=\"language-javascript\">\/\/\uc544\ub798\uc640 \uac19\uc740 \ud615\uc2dd\uc73c\ub85c\ub3c4 \uc0ac\uc6a9 \ud560\uc218 \uc788\uc2b5\ub2c8\ub2e4.\n\/\/1\ud68c\uc6a9 \ud568\uc218\uc778\ub370 \uc774\ub7f0 \ud568\uc218\ub294 \uba54\ubaa8\ub9ac\uc5d0 \ubd80\ub2f4\uc744 \uc801\uac8c \uc90d\ub2c8\ub2e4.\ngetDog(function () {\n  console.log(&quot;\ub098\ub294 \ub315\ub315\uc774\ub2e4.&quot;);\n});\n<\/code><\/pre>\n<blockquote>\n<p><strong>Info<\/strong>: 1. getDog\uc548\uc5d0 \uc788\ub294 \uc775\uba85\ud568\uc218\ub294 \uc2e4\uc81c\ub85c \ucf54\ub4dc\uac00 \uc2e4\ud589\ub420 \ub54c \uc704\uc5d0\uc11c \uc120\uc5b8\ud55c callback\uc774\ub77c\ub294 \ud30c\ub77c\ubbf8\ud130\uc5d0 \ub4e4\uc5b4\uac00\uac8c \ub429\ub2c8\ub2e4.<\/p>\n<ol start=\"2\">\n<li>\ub9cc\uc57d getDog(1) \uc774\ub807\uac8c \ub123\uc73c\uba74 \uc5b4\ub5bb\uac8c \ub420\uae4c\uc694? 1\uc740 int\ud615\uc73c\ub85c \uc2e4\ud589\ud560 \uc218 \uc5c6\uae30\uc5d0\ub7ec\uac00 \ubc18\ud658 \ub429\ub2c8\ub2e4.<\/li>\n<\/ol>\n<\/blockquote>\n<p>\uc6b0\ub9ac\uac00 \ucf5c\ubc31 \ud568\uc218\ub97c \uaf2d \uc54c\uc544\uc57c \ud558\ub294 \uc774\uc720\ub294,  <strong>javascript\uc758 \ub0b4\uc7a5 \ud568\uc218\ub098 \ub77c\uc774\ube0c\ub7ec\ub9ac \uc0ac\uc6a9\uc2dc \uc8fc\ub85c \ucf5c\ubc31 \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4<\/strong><\/p>\n<pre><code class=\"language-javascript\">\/\/ \ub300\ud45c\uc801\uc778 \ucf5c\ubc31\ud568\uc218\uc778 setTimeout, setInterval \uc740\n\/\/javascript \ub0b4\uc7a5\ud568\uc218\uc785\ub2c8\ub2e4.\n\nsetTimeout(function () {\n  console.log(&quot;3\ucd08 \ub4a4\uc5d0 \uc2e4\ud589\ub429\ub2c8\ub2e4!&quot;);\n}, 3000);\n\nsetInterval(function () {\n  console.log(&quot;1\ucd08\ub9c8\ub2e4 \ucd9c\ub825\ub429\ub2c8\ub2e4&quot;);\n}, 1000);\n<\/code><\/pre>\n<p>\ucf5c\ubc31 \ud568\uc218\uc5d0\ub294 \ubcf4\ud1b5 \uc778\uc790\ub97c \ub123\uc5b4\uc11c \ub9ce\uc774 \uc0ac\uc6a9\ud569\ub2c8\ub2e4<\/p>\n<pre><code class=\"language-javascript\">\/\/\ucf5c\ubc31\uc5d0 \uc0ac\uc6a9\ub420 \ud568\uc218\nfunction callbackFunc(name){\n\tconsole.log(name);\n}\n\nfunction sayHello(callback){\n\tvar text = &#39;hello&#39;;\n\tcallback(text);\n}\n\nsayHello(callbackFunc); \/\/hello\uac00 \ucd9c\ub825\ub429\ub2c8\ub2e4.\nsayHello(function(value){ \/\/\uc704\uc640 \ub3d9\uc77c\ud558\uac8c value\uc5d0\ub294 hello\uac00 \ub4e4\uc5b4\uac11\ub2c8\ub2e4.\n\tconsole.log(value) \n})\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\ud568\uc218\ub294 \ub9e4\uac1c\ubcc0\uc218(parameter)\ub97c \ub123\uc744 \uc218 \uc788\ub2e4. \ud568\uc218\ub294 \uac12\uc744 \ubc18\ud658\ud560 \uc218 \uc788\ub2e4 \ud568\uc218\ub294 javascript\uc758 \uaf43\uc774\ub77c\uace0 \ubd88\ub9ac\ub294 \uc774\uc720\ub294 \ud568\uc218\uac00 \uc815\ub9d0 \ub9ce\uc740 \uacf3\uc5d0\uc11c \uc0ac\uc6a9\ub418\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ud568\uc218 \uc911 callback(\ucf5c\ubc31) \ud568\uc218\uc758 \uac1c\ub150\uc744 \uc774\ud574 \ud55c\ub2e4\uba74 \ud568\uc218\uc758 \uc138\uacc4\ub294 \uc77c\ucc28\uc815\ubcf5 \ud558\uc2dc\ub294 \uac81\ub2c8\ub2e4. \ucf5c\ubc31 \ud568\uc218\ub294 \ud568\uc218\uac00 \ub098\uc911\uc5d0 \ubd88\ub9b0\ub2e4\uace0 \ud574\uc11c CallBack \ud568\uc218\uc785\ub2c8\ub2e4. \ubcf4\ud1b5 \ucf5c\ubc31 \ud568\uc218\ub97c \uad6c\ud604\ud560 \ub54c \ud568\uc218\uc758 \uc778\uc790\uc5d0 \ud568\uc218\ub97c \ub123\ub294 \ubc29\uc2dd\uc73c\ub85c \uc9c4\ud589\ud569\ub2c8\ub2e4. \/\/1. sayHello\ub77c\ub294 \ud568\uc218\uac00 &#8230; <a title=\"\ucf5c\ubc31-\ud568\uc218\" class=\"read-more\" href=\"https:\/\/coalacoding.com\/?p=407\" aria-label=\"\ucf5c\ubc31-\ud568\uc218\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-407","post","type-post","status-publish","format-standard","hentry","category-javascript-basics"],"_links":{"self":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=407"}],"version-history":[{"count":1,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/407\/revisions"}],"predecessor-version":[{"id":2223,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/407\/revisions\/2223"}],"wp:attachment":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}