{"id":353,"date":"2026-05-17T06:46:25","date_gmt":"2026-05-16T22:46:25","guid":{"rendered":"https:\/\/junai.ai\/blog\/js-closures-21\/"},"modified":"2026-05-17T07:11:50","modified_gmt":"2026-05-16T23:11:50","slug":"js-closures-21","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/js-closures-21\/","title":{"rendered":"\ud074\ub85c\uc800 \uae4a\uc774 \u2014 \ud568\uc218\uac00 \ud568\uc218\ub97c \uae30\uc5b5\ud558\ub294 \ubc95 (\uace0\uae09 21\ud3b8)"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 547 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n\/* js-textbook \u2014 PostgreSQL \uad50\uc7ac \ub3d9\uc77c \ud314\ub808\ud2b8 *\/\n:root {\n  --color-primary: #336791;\n  --color-accent: #60a5fa;\n  --color-bg: #fafafa;\n  --color-bg-card: #ffffff;\n  --color-text: #1e293b;\n  --color-text-muted: #64748b;\n  --hero-start: #0f172a;\n  --hero-end: #336791;\n  --font-body: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;\n  --size-body: 17px;\n  --line-height: 1.75;\n}\n* { box-sizing: border-box; }\n.container { max-width: 760px; margin: 0 auto; padding: 0 22px 80px; }\n.hero { background: linear-gradient(135deg, var(--hero-start) 0%, var(--hero-end) 100%); color: #fff; padding: 72px 22px 56px; text-align: center; }\n.hero .badge { display: inline-block; background: rgba(96,165,250,0.18); color: var(--color-accent); padding: 6px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 18px; }\n.hero h1 { margin: 0 0 18px; font-size: 36px; line-height: 1.3; letter-spacing: -0.3px; }\n.hero p.sub { margin: 0 auto; max-width: 580px; font-size: 17px; color: #bfdbfe; }\n.hero img { width: 100%; max-width: 720px; height: auto; margin: 36px auto 0; display: block; border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.3); }\n.meta { display: flex; gap: 14px; justify-content: center; margin-top: 20px; font-size: 13px; color: #93c5fd; flex-wrap: wrap; }\n.meta span::before { content: \"\u00b7\"; margin-right: 14px; color: #1e3a8a; }\n.meta span:first-child::before { content: \"\"; margin: 0; }\narticle { background: var(--color-bg-card); margin-top: -36px; padding: 44px 28px; border-radius: 14px; box-shadow: 0 2px 18px rgba(0,0,0,0.06); }\narticle p { margin: 0 0 18px; }\nh2 { font-size: 28px; line-height: 1.35; letter-spacing: -0.3px; margin: 48px 0 18px; padding-bottom: 10px; border-bottom: 2px solid var(--color-primary); }\nh2:first-of-type { margin-top: 8px; }\nh3 { font-size: 21px; line-height: 1.4; margin: 30px 0 12px; color: var(--color-primary); }\ncode { background: #f1f5f9; color: #0f172a; padding: 2px 6px; border-radius: 4px; font-family: 'SFMono-Regular', Menlo, Consolas, monospace; font-size: 0.92em; }\npre { background: #0f172a; color: #e2e8f0; padding: 18px 20px; border-radius: 10px; overflow-x: auto; font-size: 14.5px; line-height: 1.65; margin: 18px 0; }\npre code { background: transparent; color: inherit; padding: 0; }\nul, ol { margin: 0 0 18px; padding-left: 24px; }\nli { margin-bottom: 8px; }\nstrong { color: #0f172a; }\n.databox { background: #eff6ff; border-left: 4px solid var(--color-primary); padding: 18px 20px; border-radius: 6px; margin: 22px 0; }\n.databox p { margin: 0 0 8px; }\n.databox p:last-child { margin: 0; }\n.databox strong { color: var(--color-primary); }\n.warnbox { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-left: 4px solid #d97706; padding: 18px 20px; border-radius: 6px; margin: 22px 0; }\n.warnbox strong { color: #92400e; }\n.tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 22px 0; }\ntable { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--color-bg-card); }\nth, td { padding: 11px 12px; text-align: left; border-bottom: 1px solid #e2e8f0; vertical-align: top; }\nth { background: #f1f5f9; font-weight: 700; color: #0f172a; }\ntd:first-child, th:first-child { font-weight: 700; }\n.cta { background: linear-gradient(135deg, #336791 0%, #60a5fa 100%); color: #fff; padding: 30px 24px; border-radius: 12px; margin-top: 44px; text-align: center; }\n.cta h3 { color: #fff; margin: 0 0 10px; }\n.cta p { margin: 0; color: #dbeafe; }\n.series-nav { background: #eff6ff; padding: 18px 22px; border-radius: 10px; margin-top: 24px; font-size: 14.5px; color: var(--color-text-muted); }\n.series-nav strong { color: var(--color-primary); }\n@media (max-width: 480px) {\n  .hero { padding: 52px 18px 44px; }\n  .hero h1 { font-size: 26px; }\n  .hero p.sub { font-size: 15px; }\n  article { padding: 28px 18px; border-radius: 10px; }\n  h2 { font-size: 22px; }\n  h3 { font-size: 18px; }\npre { font-size: 13px; padding: 14px 16px; }\n}\n@media (max-width: 560px) {\n  .tablewrap table, .tablewrap thead, .tablewrap tbody, .tablewrap tr, .tablewrap th, .tablewrap td { display: block; width: auto; }\n  .tablewrap thead { display: none; }\n  .tablewrap tr { margin: 0 0 14px; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }\n  .tablewrap td { border: none; border-bottom: 1px solid #f1f5f9; padding: 9px 14px; }\n  .tablewrap td:first-child { background: #eff6ff; font-weight: 800; font-size: 15.5px; }\n  .tablewrap td:last-child { border-bottom: none; }\n  .tablewrap td[data-label]::before { content: attr(data-label) \" \u2014 \"; font-weight: 700; color: var(--color-primary); }\n}\n<\/style>\n<header class=\"hero\">\n  <span class=\"badge\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac \u00b7 21\ud3b8 \/ 26\ud3b8<\/span>\n  <h1>\ud074\ub85c\uc800 \uae4a\uc774 \u2014 \ud568\uc218\uac00 \ud568\uc218\ub97c \uae30\uc5b5\ud558\ub294 \ubc95<\/h1>\n  <p class=\"sub\">12\ud3b8\uc758 \ud074\ub85c\uc800\ub97c \ubcf8\uaca9\uc801\uc73c\ub85c. \uce74\uc6b4\ud130\u00b7IIFE\u00b7\ubaa8\ub4c8\u00b7\uba54\ubaa8\ub9ac \ub204\uc218\uae4c\uc9c0.<\/p>\n  <div class=\"meta\"><span>\uace0\uae09<\/span><span>\uc77d\ub294 \uc2dc\uac04 7\ubd84<\/span><span>2026-05-17<\/span><\/div>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-192.jpg\" alt=\"\uc678\ubd80 \ud568\uc218\uac00 \ub05d\ub0ac\ub294\ub370\ub3c4 \ub0b4\ubd80 \ud568\uc218\uac00 \ubcc0\uc218\ub97c \ub4e4\uace0 \uc788\ub294 \ud074\ub85c\uc800 \ub3c4\uc2dd\">\n<\/header>\n\n<div class=\"container\">\n<article>\n\n<p>12\ud3b8\uc5d0\uc11c \uc0b4\uc9dd \ubcf8 \ud074\ub85c\uc800\ub97c \uae4a\uc774. <strong>\ud568\uc218\uac00 \uc790\uae30 \ub9cc\ub4e4\uc5b4\uc9c4 \uc2a4\ucf54\ud504\uc758 \ubcc0\uc218\ub97c \ub4e4\uace0 \ub2e4\ub2c8\ub294 \uac83<\/strong> \u2014 JS \uc758 \uac70\uc758 \ubaa8\ub4e0 \uace0\uae09 \uae30\ubc95\uc774 \ud074\ub85c\uc800 \uc704\uc5d0 \uc11c \uc788\uc2b5\ub2c8\ub2e4. \uace0\uae09 \ud30c\ud2b8\uc758 \uc2dc\uc791.<\/p>\n\n<h2>\ud55c \uc904 \uc815\uc758<\/h2>\n\n<div class=\"databox\">\n  <p><strong>\ud074\ub85c\uc800 = \ud568\uc218 + \uadf8 \ud568\uc218\uac00 \ub9cc\ub4e4\uc5b4\uc9c4 \uc2a4\ucf54\ud504\uc758 \ubcc0\uc218\ub4e4<\/strong>. \uc678\ubd80 \ud568\uc218\uac00 \ub05d\ub098\ub3c4, \ub0b4\ubd80 \ud568\uc218\uac00 \uadf8 \ubcc0\uc218\ub4e4\uc744 \uacc4\uc18d \ubcf4\uc720\ud558\uace0 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc74c.<\/p>\n<\/div>\n\n<pre><code>function makeCounter() {\n  let count = 0;\n  return function () {\n    count++;\n    return count;\n  };\n}\n\nconst c = makeCounter();\nc();   \/\/ 1\nc();   \/\/ 2\nc();   \/\/ 3\n\/\/ makeCounter \uac00 \ub05d\ub09c \uc9c0 \ud55c\ucc38 \ub4a4\uc5d0\ub3c4 count \ub294 \uc0b4\uc544 \uc788\uc74c\n\/\/ \uc678\ubd80\uc5d0\uc11c\ub294 count \ubabb \ubd04 \u2014 \uc9c4\uc9dc private<\/code><\/pre>\n\n<h2>3\uac00\uc9c0 \uc77c\uc0c1 \ud328\ud134<\/h2>\n\n<h3>\u2460 \uce74\uc6b4\ud130 \/ private \uc0c1\ud0dc<\/h3>\n\n<pre><code>function makeBank(initial = 0) {\n  let balance = initial;\n  return {\n    deposit(n) { balance += n; },\n    withdraw(n) {\n      if (n &gt; balance) throw new Error(\"\ubd80\uc871\");\n      balance -= n;\n    },\n    getBalance() { return balance; },\n  };\n}\n\nconst acc = makeBank(1000);\nacc.deposit(500);\nacc.getBalance();   \/\/ 1500\nacc.balance;        \/\/ undefined \u2190 \uc9c1\uc811 \uc811\uadfc \ubd88\uac00<\/code><\/pre>\n\n<h3>\u2461 \ud55c \ubc88\ub9cc \uc2e4\ud589 (once)<\/h3>\n\n<pre><code>function once(fn) {\n  let called = false;\n  let result;\n  return function (...args) {\n    if (!called) {\n      called = true;\n      result = fn.apply(this, args);\n    }\n    return result;\n  };\n}\n\nconst initOnce = once(() =&gt; expensiveSetup());\ninitOnce();   \/\/ \uc2e4\ud589\ninitOnce();   \/\/ \uce90\uc2dc\ub41c \uacb0\uacfc\ninitOnce();   \/\/ \uce90\uc2dc\ub41c \uacb0\uacfc<\/code><\/pre>\n\n<h3>\u2462 partial application \/ curry<\/h3>\n\n<pre><code>function add(a) {\n  return function (b) {\n    return a + b;\n  };\n}\n\nconst add5 = add(5);   \/\/ a=5 \ub97c \uae30\uc5b5\ud55c \ud568\uc218\nadd5(3);   \/\/ 8\nadd5(10);  \/\/ 15\n\n\/\/ \ud654\uc0b4\ud45c\ub85c\nconst mul = (a) =&gt; (b) =&gt; a * b;\nconst double = mul(2);\ndouble(7);   \/\/ 14<\/code><\/pre>\n\n<h2>IIFE \u2014 \uc989\uc2dc \uc2e4\ud589 \ud568\uc218 \ud45c\ud604\uc2dd (\uc61b \ud328\ud134)<\/h2>\n\n<pre><code>\/\/ \uc61b var \uc2dc\uc808 \u2014 \uc0c8 \uc2a4\ucf54\ud504\ub97c \uac15\uc81c\ub85c \ub9cc\ub4e4 \ub54c\n(function () {\n  const private_ = \"hidden\";\n  \/\/ ... \uc2a4\ucf54\ud504 \uaca9\ub9ac\n})();\n\n\/\/ \ub610\ub294\n(function () { ... }());\n\n\/\/ \ud604\ub300 JS \u2014 let\/const + \ube14\ub85d\uc774\uba74 \ub428\n{\n  const private_ = \"hidden\";\n}\n\n\/\/ \ubaa8\ub4c8(ESM) \u2014 \ud30c\uc77c \uc790\uccb4\uac00 \uc2a4\ucf54\ud504<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>IIFE \uc758 \uc6b4\uba85.<\/strong> ES6 \uc758 let\/const + ESM \ubaa8\ub4c8 \uc2dc\uc2a4\ud15c\uc774 \ub4f1\uc7a5\ud558\uba74\uc11c \uc0c8 \ucf54\ub4dc\uc5d0\uc11c\ub294 \uac70\uc758 \uc548 \uc501\ub2c8\ub2e4. \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 UMD \ube4c\ub4dc \ub4f1 \ud638\ud658\uc131 \ubaa9\uc801\uc774 \uac70\uc758 \uc720\uc77c\ud55c \uc0ac\uc6a9\ucc98.<\/p>\n<\/div>\n\n<h2>\ubaa8\ub4c8 \ud328\ud134 \u2014 IIFE + \ud074\ub85c\uc800<\/h2>\n\n<pre><code>\/\/ ES \ubaa8\ub4c8 \uc774\uc804\uc758 \ucea1\uc290\ud654 \ud45c\uc900\nconst Counter = (function () {\n  let count = 0;          \/\/ \uc678\ubd80\uc5d0\uc11c \uc548 \ubcf4\uc784\n  return {\n    inc() { count++; },\n    get() { return count; },\n  };\n})();\n\nCounter.inc();\nCounter.get();   \/\/ 1\nCounter.count;   \/\/ undefined<\/code><\/pre>\n\n<p>\uc9c0\uae08\uc740 ESM \uc73c\ub85c \uac19\uc740 \ud6a8\uacfc \u2014 \ud30c\uc77c \ub0b4\ubd80 \ubcc0\uc218\uac00 \uc790\ub3d9\uc73c\ub85c \ucea1\uc290\ud654.<\/p>\n\n<h2>\ubc18\ubcf5\ubb38 + \ud074\ub85c\uc800 \ud568\uc815 (3\ud3b8 \ub2e4\uc2dc)<\/h2>\n\n<pre><code>\/\/ \u274c var \uc2dc\uc808 \ud568\uc815\nfor (var i = 0; i &lt; 3; i++) {\n  setTimeout(() =&gt; console.log(i), 0);\n}\n\/\/ 0, 1, 2 \uac00 \ub098\uc624\uae38 \uae30\ub300\ud588\uc9c0\ub9cc \u2192 3, 3, 3\n\/\/ \uc774\uc720: var \uac00 \ud568\uc218 \uc2a4\ucf54\ud504, \ubaa8\ub4e0 \ucf5c\ubc31\uc774 \uac19\uc740 i \ub97c \ubd04\n\/\/ setTimeout \uc2dc\uc810\uc5d0\ub294 i \uac00 \uc774\ubbf8 3\n\n\/\/ \u2705 let \u2014 \ub9e4 \ubc18\ubcf5\ub9c8\ub2e4 \uc0c8 \ubc14\uc778\ub529\nfor (let i = 0; i &lt; 3; i++) {\n  setTimeout(() =&gt; console.log(i), 0);\n}\n\/\/ 0, 1, 2\n\n\/\/ \u2705 \uc61b \ud574\uacb0\ucc45 \u2014 IIFE \ub85c \uc0c8 \uc2a4\ucf54\ud504\nfor (var i = 0; i &lt; 3; i++) {\n  (function (j) {\n    setTimeout(() =&gt; console.log(j), 0);\n  })(i);\n}<\/code><\/pre>\n\n<h2>React \ub4f1 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uc11c\uc758 \ud074\ub85c\uc800<\/h2>\n\n<pre><code>\/\/ React useState \u2014 \ud074\ub85c\uc800\ub85c \uad6c\ud604\nfunction useState(initial) {\n  let value = initial;\n  const setValue = (newValue) =&gt; { value = newValue; };\n  return [() =&gt; value, setValue];\n}\n\/\/ (\uc2e4\uc81c useState \ub294 \ub354 \ubcf5\uc7a1 \u2014 \ub9e4 \ub80c\ub354 \uc0c8 \uac12 \ucea1\ucc98)\n\n\/\/ \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\uc5d0 props \ucea1\ucc98 \u2014 \ud074\ub85c\uc800 \ud568\uc815\nfunction Component({ count }) {\n  useEffect(() =&gt; {\n    setInterval(() =&gt; {\n      console.log(count);   \/\/ \uccab \ub80c\ub354\uc758 count \ub9cc \uae30\uc5b5 (stale)\n    }, 1000);\n  }, []);   \/\/ deps \ube48 \ubc30\uc5f4 \u2192 \uccab \ub80c\ub354 \ud074\ub85c\uc800 \uc720\uc9c0\n}\n\n\/\/ \ud574\uacb0 \u2014 deps \uc5d0 \ucd94\uac00 \ub610\ub294 ref \ud328\ud134<\/code><\/pre>\n\n<h2>\uba54\ubaa8\ub9ac \ub204\uc218 \u2014 \ud074\ub85c\uc800\uc758 \ube44\uc6a9<\/h2>\n\n<pre><code>\/\/ \u274c \uc678\ubd80 DOM \ucc38\uc870\ub97c \uc7a1\uace0 \uc788\ub294 \ucf5c\ubc31 \u2014 \ud398\uc774\uc9c0 \ub5a0\ub098\ub3c4 \uba54\ubaa8\ub9ac \uc720\uc9c0\nfunction bind() {\n  const el = document.getElementById(\"big-data\");\n  el.addEventListener(\"click\", () =&gt; {\n    console.log(el.dataset.id);   \/\/ el \uc744 \ud074\ub85c\uc800\ub85c \uc7a1\uc74c\n  });\n  \/\/ el \uc774 DOM \uc5d0\uc11c \uc81c\uac70\ub3fc\ub3c4 \ud074\ub85c\uc800\uac00 \ub4e4\uace0 \uc788\uc5b4\uc11c GC \uc548 \ub428\n}\n\n\/\/ \u2705 \ud544\uc694\ud55c \uac12\ub9cc \ucea1\ucc98\nfunction bind() {\n  const el = document.getElementById(\"big-data\");\n  const id = el.dataset.id;   \/\/ \uc791\uc740 \uac12\ub9cc \ucea1\ucc98\n  el.addEventListener(\"click\", () =&gt; {\n    console.log(id);\n  });\n}\n\n\/\/ \u2705 \ub610\ub294 \uba85\uc2dc\uc801\uc73c\ub85c \uc81c\uac70\nconst handler = () =&gt; { ... };\nel.addEventListener(\"click\", handler);\n\/\/ \ub098\uc911\uc5d0\nel.removeEventListener(\"click\", handler);<\/code><\/pre>\n\n<div class=\"warnbox\">\n  <p><strong>\uba54\ubaa8\ub9ac \ub204\uc218 \uc9c4\ub2e8.<\/strong> \ube0c\ub77c\uc6b0\uc800 DevTools \u2192 Memory \u2192 Heap snapshot. \uc2dc\uac04 \ucc28\ub85c \ub450 \ubc88 \ucc0d\uc5b4 \ube44\uad50\ud558\uba74 \uc548 \uc0ac\ub77c\uc9c0\ub294 \uac1d\uccb4\uac00 \ubcf4\uc785\ub2c8\ub2e4. SPA(React\u00b7Vue) \uc758 \uac00\uc7a5 \ud754\ud55c \ub204\uc218\uac00 \uc815\ub9ac \uc548 \ub41c \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108.<\/p>\n<\/div>\n\n<h2>\ud074\ub85c\uc800 vs \ud074\ub798\uc2a4 \u2014 \ucea1\uc290\ud654 \ube44\uad50<\/h2>\n\n<pre><code>\/\/ \ud074\ub85c\uc800\nfunction makeUser(name) {\n  let _name = name;\n  return {\n    getName() { return _name; },\n    setName(n) { _name = n; },\n  };\n}\n\n\/\/ \ud074\ub798\uc2a4 + #private\nclass User {\n  #name;\n  constructor(name) { this.#name = name; }\n  getName() { return this.#name; }\n  setName(n) { this.#name = n; }\n}<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>\uc2e4\uc804 \uc120\ud0dd.<\/strong> \u2460 \uc778\uc2a4\ud134\uc2a4 1~\uc18c\uc218 \u2192 \ud074\ub85c\uc800(\uac00\ubccd\uace0 \uc9c1\uad00). \u2461 \ub2e4\uc218 \uc778\uc2a4\ud134\uc2a4\u00b7\uc0c1\uc18d \u2192 \ud074\ub798\uc2a4(\uba54\uc11c\ub4dc\uac00 \ud504\ub85c\ud1a0\ud0c0\uc785\uc5d0 \ud55c \ubc88\ub9cc \uc800\uc7a5\ub3fc \uba54\ubaa8\ub9ac \ud6a8\uc728). \u2462 React \uac19\uc740 \ud568\uc218\ud615 \ud328\ub7ec\ub2e4\uc784 \u2192 \ud074\ub85c\uc800 + \ud6c5.<\/p>\n<\/div>\n\n<h2>\ud55c \uc904 \uc815\ub9ac<\/h2>\n\n<ul>\n  <li>\ud074\ub85c\uc800 = \ud568\uc218 + \uc678\ubd80 \uc2a4\ucf54\ud504\uc758 \ubcc0\uc218 \uae30\uc5b5.<\/li>\n  <li>private \uc0c1\ud0dc\u00b7once\u00b7partial\u00b7\uba54\ubaa8\uc774\uc988\uc758 \uae30\ubc18.<\/li>\n  <li>let\/const + \ubaa8\ub4c8\ub85c \uc61b IIFE \uc758 90% \ub294 \uc5c6\uc5b4\uc84c\uc74c.<\/li>\n  <li>\ud070 \uac1d\uccb4\ub97c \ucea1\ucc98\ud558\uba74 \uba54\ubaa8\ub9ac \ub204\uc218 \u2014 \ud544\uc694\ud55c \uac12\ub9cc.<\/li>\n  <li>React \uc758 stale closure \ud568\uc815 \u2014 deps \ub610\ub294 ref.<\/li>\n<\/ul>\n\n<div class=\"cta\">\n  <h3>22\ud3b8 \u2014 this \uc758 \uc815\uccb4 (4\uac00\uc9c0 \ud638\ucd9c \ubc29\uc2dd)<\/h3>\n  <p>\uc804\uc5ed\/\uba54\uc11c\ub4dc\/\uc0dd\uc131\uc790\/\uba85\uc2dc \ud638\ucd9c. \ud654\uc0b4\ud45c \ud568\uc218\uc758 this \uac00 \ub2e4\ub978 \uc774\uc720.<\/p>\n<\/div>\n\n<div class=\"series-nav\">\n  <strong>\ud83d\udcda \uc27d\uac8c \ubc30\uc6b0\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac<\/strong><br>\n  \uc774\uc804: 20\ud3b8 \uc815\uaddc\uc2dd \u00b7 \ud604\uc7ac: <strong>21\ud3b8 (\uace0\uae09 \uc2dc\uc791)<\/strong> \u00b7 \ub2e4\uc74c \u2192 22\ud3b8 this \u00b7 \uc9c4\ud589: <strong>21\/26<\/strong>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud074\ub85c\uc800 \uc815\uc758\u00b7\uce74\uc6b4\ud130\u00b7IIFE\u00b7\uba54\ubaa8\ub9ac \ub204\uc218. 26\ud3b8 \uad50\uc7ac 21\ud3b8 (\uace0\uae09 \uc2dc\uc791).<\/p>\n","protected":false},"author":1,"featured_media":547,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-353","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-basic"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/comments?post=353"}],"version-history":[{"count":2,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/353\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/353\/revisions\/573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}