{"id":358,"date":"2026-05-17T06:46:45","date_gmt":"2026-05-16T22:46:45","guid":{"rendered":"https:\/\/junai.ai\/blog\/js-design-patterns-25\/"},"modified":"2026-05-17T07:11:53","modified_gmt":"2026-05-16T23:11:53","slug":"js-design-patterns-25","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/js-design-patterns-25\/","title":{"rendered":"\ub514\uc790\uc778 \ud328\ud134 5\uc885 \u2014 Singleton\u00b7Strategy (\uace0\uae09 25\ud3b8)"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 551 -->\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 25\ud3b8 \/ 26\ud3b8<\/span>\n  <h1>\ub514\uc790\uc778 \ud328\ud134 5\uc885 \u2014 Singleton\u00b7Observer\u00b7Strategy<\/h1>\n  <p class=\"sub\">\uc790\uc8fc \ub9cc\ub098\ub294 \ud328\ud134 5\uac1c\uc758 JS \uc2dd \uad6c\ud604.<\/p>\n  <div class=\"meta\"><span>\uace0\uae09<\/span><span>\uc77d\ub294 \uc2dc\uac04 8\ubd84<\/span><span>2026-05-17<\/span><\/div>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-196.jpg\" alt=\"Singleton\u00b7Observer\u00b7Factory\u00b7Module\u00b7Strategy 5\uac1c \ud328\ud134\uc774 \uce74\ub4dc\ub85c \uc815\ub9ac\ub41c \ub3c4\uc2dd\">\n<\/header>\n\n<div class=\"container\">\n<article>\n\n<p>\ub514\uc790\uc778 \ud328\ud134\uc740 \uc790\uc8fc \ub9cc\ub098\ub294 \ubb38\uc81c\uc758 \ud45c\uc900 \ud574\uacb0\ucc45. JS \ub294 \ub2e4\ub978 \uc5b8\uc5b4\ubcf4\ub2e4 \uac00\ubccd\uac8c \u2014 \ud074\ub85c\uc800\u00b7\uace0\ucc28 \ud568\uc218\u00b7\uc77c\uae09 \ud568\uc218 \ub355\uc5d0 \ud328\ud134\uc774 \uc9e7\uc544\uc9d1\ub2c8\ub2e4. 25\ud3b8\uc740 \ub9e4\uc77c \ub9cc\ub098\ub294 5\uc885\uc744 \uc815\ub9ac.<\/p>\n\n<h2>\u2460 Singleton \u2014 \uc778\uc2a4\ud134\uc2a4\uac00 \ub2e8 \ud558\ub098<\/h2>\n\n<pre><code>\/\/ \uc61b \ubc29\uc2dd \u2014 \ud074\ub798\uc2a4 + \uc815\uc801 \uce90\uc2dc\nclass Config {\n  static #instance;\n  static getInstance() {\n    if (!Config.#instance) Config.#instance = new Config();\n    return Config.#instance;\n  }\n}\n\n\/\/ \ud604\ub300 JS \u2014 \ubaa8\ub4c8 \uc790\uccb4\uac00 \uc2f1\uae00\ud1a4\n\/\/ config.js\nconst config = {\n  apiUrl: process.env.API_URL,\n  timeout: 5000,\n};\nexport default config;\n\n\/\/ \uc5b4\ub514\uc11c import \ud574\ub3c4 \uac19\uc740 \uac1d\uccb4\nimport config from \".\/config.js\";<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>\ud604\ub300 JS \uc5d0\uc11c Singleton.<\/strong> ESM \ubaa8\ub4c8\uc740 \ud55c \ubc88 \ub85c\ub4dc\ub418\uba74 \ubaa8\ub4c8 \ud3c9\uac00 \uacb0\uacfc\uac00 \uce90\uc2dc\ub428 \u2014 \uc5b4\ub514\uc11c import \ud574\ub3c4 \uac19\uc740 export. \ubcc4\ub3c4 \ud328\ud134 \uc5c6\uc774 &#8220;\uadf8\ub0e5 \ubaa8\ub4c8\ub85c \ub450\uba74 \uc2f1\uae00\ud1a4&#8221; \uc774 \ub428. \ud074\ub798\uc2a4\ub85c \ub9cc\ub4dc\ub294 \uc61b \ubc29\uc2dd\uc740 \uac70\uc758 \uc548 \uc500.<\/p>\n<\/div>\n\n<h2>\u2461 Observer (Pub\/Sub) \u2014 \uc774\ubca4\ud2b8 \uc2dc\uc2a4\ud15c<\/h2>\n\n<pre><code>class EventBus {\n  #listeners = new Map();\n\n  on(event, fn) {\n    if (!this.#listeners.has(event)) this.#listeners.set(event, new Set());\n    this.#listeners.get(event).add(fn);\n    return () =&gt; this.off(event, fn);   \/\/ unsubscribe \ubc18\ud658\n  }\n\n  off(event, fn) {\n    this.#listeners.get(event)?.delete(fn);\n  }\n\n  emit(event, ...args) {\n    this.#listeners.get(event)?.forEach(fn =&gt; fn(...args));\n  }\n}\n\nconst bus = new EventBus();\nconst unsub = bus.on(\"login\", user =&gt; console.log(\"\ud658\uc601\", user.name));\nbus.emit(\"login\", { name: \"\uc900\uc131\" });   \/\/ \"\ud658\uc601 \uc900\uc131\"\nunsub();   \/\/ \uad6c\ub3c5 \ud574\uc81c<\/code><\/pre>\n\n<p>React \uc758 \uc0c1\ud0dc \ub77c\uc774\ube0c\ub7ec\ub9ac(zustand\u00b7jotai), DOM \uc758 addEventListener, Node \uc758 EventEmitter \u2014 \uc804\ubd80 \uc774 \ud328\ud134. JS \uc758 \uac00\uc7a5 \ubcf4\ud3b8\uc801 \ube44\ub3d9\uae30 \ud328\ud134.<\/p>\n\n<h2>\u2462 Factory \u2014 \uac1d\uccb4 \uc0dd\uc131\uc744 \ud568\uc218\ub85c \ucd94\uc0c1\ud654<\/h2>\n\n<pre><code>\/\/ \uc9c1\uc811 new \ub300\uc2e0 \ud329\ud1a0\ub9ac \ud568\uc218\nfunction createUser(role) {\n  switch (role) {\n    case \"admin\":\n      return { role, perms: [\"read\", \"write\", \"admin\"] };\n    case \"user\":\n      return { role, perms: [\"read\", \"write\"] };\n    case \"guest\":\n      return { role, perms: [\"read\"] };\n    default:\n      throw new Error(\"unknown role\");\n  }\n}\n\nconst a = createUser(\"admin\");\nconst g = createUser(\"guest\");\n\n\/\/ \ub354 \ubcf5\uc7a1\ud55c \uc608 \u2014 DB \ud074\ub77c\uc774\uc5b8\ud2b8 \ud329\ud1a0\ub9ac\nfunction createDbClient({ kind, ...config }) {\n  if (kind === \"postgres\") return new PgClient(config);\n  if (kind === \"mysql\")    return new MySqlClient(config);\n  if (kind === \"sqlite\")   return new SqliteClient(config);\n  throw new Error(`unknown kind: ${kind}`);\n}<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>Factory \uc758 \uac00\uce58.<\/strong> \ud638\ucd9c\uc790\uac00 <code>new<\/code> \ub97c \uc9c1\uc811 \uc548 \uc368\ub3c4 \ub428 \u2192 \uad6c\ud604 \ud074\ub798\uc2a4\ub97c \uc790\uc720\ub86d\uac8c \ubc14\uafc0 \uc218 \uc788\uc74c. \uc758\uc874\uc131 \uc8fc\uc785(DI) \uc758 \uae30\ucd08.<\/p>\n<\/div>\n\n<h2>\u2463 Module \u2014 \ubb36\uc74c (ESM \uc73c\ub85c \uac70\uc758 \ud45c\uc900\ud654)<\/h2>\n\n<pre><code>\/\/ \uc61b IIFE \ubaa8\ub4c8\nconst Counter = (function () {\n  let count = 0;\n  return {\n    inc() { count++; },\n    get() { return count; },\n  };\n})();\n\n\/\/ \ud604\ub300 ESM (19\ud3b8) \u2014 \ud30c\uc77c \uc790\uccb4\uac00 \ubaa8\ub4c8\n\/\/ counter.js\nlet count = 0;\nexport function inc() { count++; }\nexport function get() { return count; }\n\n\/\/ \uc0ac\uc6a9\nimport { inc, get } from \".\/counter.js\";<\/code><\/pre>\n\n<p>21\ud3b8\uc758 IIFE\u00b7\ubaa8\ub4c8 \ud328\ud134\uc774 ESM \ub4f1\uc7a5 \ud6c4 \uac70\uc758 \uc548 \uc500. ESM \uc790\uccb4\uac00 \uae54\ub054\ud55c \ucea1\uc290\ud654.<\/p>\n\n<h2>\u2464 Strategy \u2014 \uc54c\uace0\ub9ac\uc998\uc744 \ud568\uc218\ub85c \uc8fc\uc785<\/h2>\n\n<pre><code>\/\/ \uc815\ub82c \uc54c\uace0\ub9ac\uc998\uc744 \uc678\ubd80\uc5d0\uc11c \uc8fc\uc785\nfunction sortBy(arr, strategy) {\n  return [...arr].sort(strategy);\n}\n\nconst byPrice    = (a, b) =&gt; a.price - b.price;\nconst byName     = (a, b) =&gt; a.name.localeCompare(b.name);\nconst byNewest   = (a, b) =&gt; b.createdAt - a.createdAt;\n\nsortBy(products, byPrice);\nsortBy(products, byName);\nsortBy(products, byNewest);\n\n\/\/ \ub354 \ubcf5\uc7a1\ud55c \u2014 \uacb0\uc81c \ucc98\ub9ac\nconst paymentStrategies = {\n  card:    (amount) =&gt; chargeCard(amount),\n  bank:    (amount) =&gt; transferBank(amount),\n  crypto:  (amount) =&gt; crypto.charge(amount),\n};\n\nfunction pay(amount, method) {\n  const strategy = paymentStrategies[method];\n  if (!strategy) throw new Error(`unknown: ${method}`);\n  return strategy(amount);\n}<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>Strategy \uac00 JS \uc5d0\uc11c \uac00\uc7a5 \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \uc774\uc720.<\/strong> \ud568\uc218\uac00 \uc77c\uae09 \uac1d\uccb4(\uac12\ucc98\ub7fc \ub2e4\ub8f0 \uc218 \uc788\uc74c) \ub77c\uc11c, \ub2e4\ub978 \uc5b8\uc5b4\ucc98\ub7fc \ubcc4\ub3c4 \uc778\ud130\ud398\uc774\uc2a4\/\ud074\ub798\uc2a4 \ub9cc\ub4e4 \ud544\uc694 \uc5c6\uc74c. <strong>\ud568\uc218\ub97c \uc778\uc790\ub85c \ubc1b\uae30<\/strong> = \uc989 Strategy.<\/p>\n<\/div>\n\n<h2>\ubcf4\ub108\uc2a4 \ud328\ud134\ub4e4 \u2014 \uc9e7\uac8c<\/h2>\n\n<h3>Decorator (16\ud3b8 TS \uc640 \ub2e4\ub984)<\/h3>\n\n<pre><code>\/\/ \ud568\uc218\ub97c \uac10\uc2f8 \uae30\ub2a5 \ucd94\uac00\nfunction withLogging(fn) {\n  return function (...args) {\n    console.log(\"\ud638\ucd9c:\", fn.name, args);\n    return fn(...args);\n  };\n}\n\nconst safeAdd = withLogging(add);<\/code><\/pre>\n\n<h3>Adapter<\/h3>\n\n<pre><code>\/\/ \uc61b API \ub97c \uc0c8 API \ubaa8\uc591\uc73c\ub85c\nclass NewLogger {\n  log(level, msg) { console.log(`[${level}] ${msg}`); }\n}\n\n\/\/ \uc61b \uc778\ud130\ud398\uc774\uc2a4\uc5d0 \ub9de\ucd94\ub294 \uc5b4\ub311\ud130\nfunction oldLoggerAdapter(newLogger) {\n  return {\n    info: (m) =&gt; newLogger.log(\"info\", m),\n    warn: (m) =&gt; newLogger.log(\"warn\", m),\n    error: (m) =&gt; newLogger.log(\"error\", m),\n  };\n}<\/code><\/pre>\n\n<h3>Memoize<\/h3>\n\n<pre><code>function memoize(fn) {\n  const cache = new Map();\n  return function (...args) {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) return cache.get(key);\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n}\n\nconst fibo = memoize(function fib(n) {\n  return n &lt; 2 ? n : fib(n - 1) + fib(n - 2);\n});<\/code><\/pre>\n\n<h2>\ud55c \ud45c \u2014 5\uc885 \uc694\uc57d<\/h2>\n\n<div class=\"tablewrap\">\n<table>\n  <thead>\n    <tr><th>\ud328\ud134<\/th><th>\uc758\ub3c4<\/th><th>\ud604\ub300 JS \uc758 \ud615\ud0dc<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td data-label=\"\">Singleton<\/td><td data-label=\"\">\uc778\uc2a4\ud134\uc2a4 1\uac1c<\/td><td data-label=\"\">ESM \ubaa8\ub4c8 \uc790\uccb4<\/td><\/tr>\n    <tr><td data-label=\"\">Observer<\/td><td data-label=\"\">\uc774\ubca4\ud2b8 \ubc1c\ud589\/\uad6c\ub3c5<\/td><td data-label=\"\">EventTarget\u00b7EventEmitter\u00b7zustand<\/td><\/tr>\n    <tr><td data-label=\"\">Factory<\/td><td data-label=\"\">\uac1d\uccb4 \uc0dd\uc131 \ucd94\uc0c1\ud654<\/td><td data-label=\"\">\ud329\ud1a0\ub9ac \ud568\uc218 + \uc778\ud130\ud398\uc774\uc2a4<\/td><\/tr>\n    <tr><td data-label=\"\">Module<\/td><td data-label=\"\">\ucea1\uc290\ud654\u00b7\uc7ac\uc0ac\uc6a9<\/td><td data-label=\"\">ESM \ud30c\uc77c<\/td><\/tr>\n    <tr><td data-label=\"\">Strategy<\/td><td data-label=\"\">\uc54c\uace0\ub9ac\uc998 \uad50\uccb4<\/td><td data-label=\"\">\uace0\ucc28 \ud568\uc218 (\ud568\uc218\ub97c \uc778\uc790\ub85c)<\/td><\/tr>\n  <\/tbody>\n<\/table>\n<\/div>\n\n<div class=\"warnbox\">\n  <p><strong>\ud328\ud134\uc740 \ub3c4\uad6c\uc9c0 \ubaa9\uc801 \uc544\ub2d8.<\/strong> \ud328\ud134 \uc774\ub984\uc744 \uc678\uc6cc \uc801\uc6a9\ud558\uae30 \uc704\ud574 \ucf54\ub4dc\ub97c \ube44\ud2c0\uc9c0 \ub9c8\uc138\uc694. <strong>\uac19\uc740 \ubb38\uc81c\ub97c \ub450 \ubc88\uc9f8 \ub9cc\ub0ac\uc744 \ub54c<\/strong> \ube44\ub85c\uc18c \ud328\ud134\uc774 \uc758\ubbf8 \uc788\uc74c. \uccab \ubc88\uc9f8\ub294 \uadf8\ub0e5 \ub2e8\uc21c\ud55c \ucf54\ub4dc\ub85c.<\/p>\n<\/div>\n\n<div class=\"cta\">\n  <h3>26\ud3b8 \u2014 \ud14c\uc2a4\ud2b8 jest (\uc2dc\ub9ac\uc988 \ub9c8\uc9c0\ub9c9)<\/h3>\n  <p>\uc65c \ud14c\uc2a4\ud2b8, \uccab \ub2e8\uc704 \ud14c\uc2a4\ud2b8, mock \ud55c \uc904, CI \uc5f0\uacb0.<\/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: 24\ud3b8 \uc81c\ub108\ub808\uc774\ud130 \u00b7 \ud604\uc7ac: <strong>25\ud3b8 (\uace0\uae09)<\/strong> \u00b7 \ub2e4\uc74c \u2192 26\ud3b8 \ud14c\uc2a4\ud2b8 (\uc2dc\ub9ac\uc988 \ub9c8\uc9c0\ub9c9) \u00b7 \uc9c4\ud589: <strong>25\/26<\/strong>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>JS \uc2dd \ub514\uc790\uc778 \ud328\ud134 5\uc885 \uc2e4\uc804 \ucf54\ub4dc. 26\ud3b8 \uad50\uc7ac 25\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":551,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-358","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\/358","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=358"}],"version-history":[{"count":3,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/358\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/358\/revisions\/577"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/551"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}