{"id":860,"date":"2026-06-26T13:39:03","date_gmt":"2026-06-26T13:39:03","guid":{"rendered":"https:\/\/aabbee.cafe24.com\/?p=860"},"modified":"2026-06-26T13:39:03","modified_gmt":"2026-06-26T13:39:03","slug":"tab","status":"publish","type":"post","link":"https:\/\/coalacoding.com\/tab\/","title":{"rendered":"tab"},"content":{"rendered":"

1. \ud0ed<\/h2>\n
\n

\ud0ed\uba54\ub274\ub9cc\ub4e4\uae30
\n\uc644\uc131\ud654\uba74<\/a><\/p>\n<\/blockquote>\n

HTML<\/h4>\n
<div class="tab-wrapper">\n  <ul class="tab-menu">\n    <li><a href="#tabs-1" class="active">\ub9ac\ubbf8<\/a><\/li>\n    <li><a href="#tabs-2">\uac10\uc790<\/a><\/li>\n    <li><a href="#tabs-3">\uce58\ud0a8<\/a><\/li>\n  <\/ul>\n  <div class="tab-content">\n    <div id="tabs-1" class="active">\n      <h2>\ub9ac\ubbf8<\/h2>\n      <p>I like \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Everybody likes \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Let`s eat \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) \uc591\ub150 \uce58\ud0a8 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \uce58\ud0a8 \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) (\uce58\ud0a8\uc2dc\ucf1c) x2 \ubc18\uc740 \uc591\ub150 \uce58\ud0a8 \ubc18\uc740 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \ubb34\ub294 \ub9ce\uc774 \uc918\uc694 \uc544\uc90c\ub9c8 \ubd80\uc704\ub294 \ub0a0\uac1c\ub294 \uc138\uac8c \ub2e4\ub9ac\ub294 \ub124\uac8c \ubaa9\uc740 \ube7c\uc8fc\uc138\uc694 \uc544\uc90c\ub9c8 \uace0\ub3c4\ube44\ub9cc \uce58\ud0a8 \uc54c\uc774 \uaf49 \ucc2c \uce58\ud0a8 \ub450 \ub9c8\ub9ac \uac19\uc740 \uac78\ub85c \uc544\uc90c\ub9c8 \uad6c\uc774\ub294 \ub0a0\uac1c\ub294 \ubbf8\ub4d0 \uac00\uc2b4\ub3c4 \ubbf8\ub4d0 \ub2e4\ub9b0 \uc6f0\ub358\uc73c\ub85c \uc544\uc90c\ub9c8<\/p>\n    <\/div>\n    <div id="tabs-2">\n      <h2>\uac10\uc790<\/h2>\n      <p>Edge \uc788\uac8c \ubb3c\ud2f0\uc288, (\uc544\uc90c\ub9c8) \ucf5c\ub780 \uc11c\ube44\uc2a4 (\uc544\uc90c\ub9c8) \ud560\uc778\uce74\ub4dc... \ub418\uc8e0? (\uc544\uc90c\ub9c8) \uc5b4\uc800\uaed8\ub3c4 \uac70\uae30 (\uc544\uc90c\ub9c8) \uc2dc\ucf30\ub294\ub370 \ucfe0\ud3f0 \ub450\uac1c (\uc544\uc90c\ub9c8) \uac10\uc0ac\ud558\uc8e0 \ucf5c\ub77c\ub294 \ub2e4\uc774\uc5b4\ud2b8 \uc911\uc774\ub2c8\uae4c \ub2e4\uc774\uc5b4\ud2b8 \ucf5c\ub77c \uc5fc\ud1b5\ud280\uae40\ub3c4 \uba87 \uac1c \ub418\uc694? \uc6d0 \ud50c\ub7ec\uc2a4 \uc6d0 \uacf1\ube7c\uae30\ub3c4 \ub418\uc694? \uc606 \ud14c\uc774\ube14 \ub0a8\ub294 \uac70 \uc2f8\uac00\ub3c4 \ub418\uc694? \uc774\uac70 \ub2e4 \ud0c0 \ub9e4\uc7a5\ucfe0\ud3f0 \uacc4\uc0b0 \ub418\uc8e0? I like \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Everybody likes \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Let`s eat \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) \uc591\ub150 \uce58\ud0a8 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \uce58\ud0a8 \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) (\uce58\ud0a8\uc2dc\ucf1c) x2<\/p>\n    <\/div>\n    <div id="tabs-3">\n      <h2>I like \uce58\ud0a8 (\ub098\ub294 \ubc18\ubc18)<\/h2>\n      <p>\ud6c4\ub77c\uc774\ub4dc \uc88b\ub2e4\ub358 \uccab\uc0ac\ub791 \uadf8\ub140 \uadfc\ub370 \ub124 \uc637\uc5d0 \ubb3b\uc5b4\uc788\ub358 \uc591\ub150 1000\uc6d0 \ub354 \ube44\uc2f8\uc11c \uc591\ub150\uc744 \ubabb \uc0ac\uc900 \ub0b4 \ud0d3 \uc774 \uc545\ubb3c\uace0\uc11c \ub098\ub3c4 \uc131\uacf5\uc744 \ud588\ub2e4 \ubd89\uc740 \ube5b\uae54 \uadf8\ub140\uc758 \uc785\uc220 \uac19\uc544\uc11c \ucfe0\ud0b9\ud638\uc77c\ub3c4 \ub2e4 \ud565\uc544\uba39\uc5b4 \ub0a0 \ub5a0\ub09c \uc774\uc724 \uc9c0\ub3c5\ud55c \uac00\ub09c\uc774\ub77c\uc11c \uc591\ub150 \ubc16\uc5d0\ub294 \ub09c \uc548 \uba39\uc5b4 \ud6c4\ub77c\uc774\ub4dc \uc88b\uc544\ud55c\ub2e4\uace0 \ub9d0\ud574\uc57c \ud588\uc9c0 \uc5b4\ub5a4 \ub0a0\uc5d4 \ud654\ub0b4\uc57c \ud588\uc9c0 (\uc624\ube60\uac00 \ub3c8\uc774 \uc5b4\ub514 \uc788\ub2e4\uace0 \uc591\ub150\uc744 \uc0ac\uc918) \uc6b0\ub9b0 \ub370\uc774\ud2b8\ud558\uba74 \ud6c4\ub77c\uc774\ub4dc \uc6b0\ub9ac\uac00 \ub9e4\uc77c \uba39\uace0 \ub610 \uba39\ub358 \ud6c4\ub77c\uc774\ub4dc \uadfc\ub370 \uc624\ube60 \ub098\ub3c4 \uc18d\ubb3c \uc778\uac00\ubd10 \uc591\ub150\uc774\ub77c\uba74 \ub208\uc774 \ub3cc\uc544\uac14\uc9c0 \uc591\ub150\uc774 \uc624\ube60\uc758 \ud53c \uac19\uc544 \uc9c0\uae08\uc740 \ud6c4\ub77c\uc774\ub4dc \ubc16\uc5d0 \ubabb \uc0bc\ucf1c \ub09c \uc591\ub150\uce58\ud0a8\uc774 \ub354 \uc88b\uc544 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uac74\uac15\ud574\uc9c0\uace0 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uba38\ub9ac \uc88b\uc544\uc838 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uc6c3\uc744 \uc218 \uc788\uace0 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uc2dc\ud5d8 \ud569\uaca9\ud574<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n<div class="tab-wrapper">\n  <ul class="tab-menu">\n    <li><a href="#tabs-21" class="active">\ub9ac\ubbf8<\/a><\/li>\n    <li><a href="#tabs-22">\uac10\uc790<\/a><\/li>\n    <li><a href="#tabs-23">\uce58\ud0a8<\/a><\/li>\n  <\/ul>\n  <div class="tab-content">\n    <div id="tabs-21" class="active">\n      <h2>\ub9ac\ubbf8<\/h2>\n      <p>I like \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Everybody likes \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Let`s eat \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) \uc591\ub150 \uce58\ud0a8 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \uce58\ud0a8 \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) (\uce58\ud0a8\uc2dc\ucf1c) x2 \ubc18\uc740 \uc591\ub150 \uce58\ud0a8 \ubc18\uc740 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \ubb34\ub294 \ub9ce\uc774 \uc918\uc694 \uc544\uc90c\ub9c8 \ubd80\uc704\ub294 \ub0a0\uac1c\ub294 \uc138\uac8c \ub2e4\ub9ac\ub294 \ub124\uac8c \ubaa9\uc740 \ube7c\uc8fc\uc138\uc694 \uc544\uc90c\ub9c8 \uace0\ub3c4\ube44\ub9cc \uce58\ud0a8 \uc54c\uc774 \uaf49 \ucc2c \uce58\ud0a8 \ub450 \ub9c8\ub9ac \uac19\uc740 \uac78\ub85c \uc544\uc90c\ub9c8 \uad6c\uc774\ub294 \ub0a0\uac1c\ub294 \ubbf8\ub4d0 \uac00\uc2b4\ub3c4 \ubbf8\ub4d0 \ub2e4\ub9b0 \uc6f0\ub358\uc73c\ub85c \uc544\uc90c\ub9c8<\/p>\n    <\/div>\n    <div id="tabs-22">\n      <h2>\uac10\uc790<\/h2>\n      <p>Edge \uc788\uac8c \ubb3c\ud2f0\uc288, (\uc544\uc90c\ub9c8) \ucf5c\ub780 \uc11c\ube44\uc2a4 (\uc544\uc90c\ub9c8) \ud560\uc778\uce74\ub4dc... \ub418\uc8e0? (\uc544\uc90c\ub9c8) \uc5b4\uc800\uaed8\ub3c4 \uac70\uae30 (\uc544\uc90c\ub9c8) \uc2dc\ucf30\ub294\ub370 \ucfe0\ud3f0 \ub450\uac1c (\uc544\uc90c\ub9c8) \uac10\uc0ac\ud558\uc8e0 \ucf5c\ub77c\ub294 \ub2e4\uc774\uc5b4\ud2b8 \uc911\uc774\ub2c8\uae4c \ub2e4\uc774\uc5b4\ud2b8 \ucf5c\ub77c \uc5fc\ud1b5\ud280\uae40\ub3c4 \uba87 \uac1c \ub418\uc694? \uc6d0 \ud50c\ub7ec\uc2a4 \uc6d0 \uacf1\ube7c\uae30\ub3c4 \ub418\uc694? \uc606 \ud14c\uc774\ube14 \ub0a8\ub294 \uac70 \uc2f8\uac00\ub3c4 \ub418\uc694? \uc774\uac70 \ub2e4 \ud0c0 \ub9e4\uc7a5\ucfe0\ud3f0 \uacc4\uc0b0 \ub418\uc8e0? I like \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Everybody likes \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Let`s eat \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) \uc591\ub150 \uce58\ud0a8 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \uce58\ud0a8 \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) (\uce58\ud0a8\uc2dc\ucf1c) x2<\/p>\n    <\/div>\n    <div id="tabs-23">\n      <h2>I like \uce58\ud0a8 (\ub098\ub294 \ubc18\ubc18)<\/h2>\n      <p>\ud6c4\ub77c\uc774\ub4dc \uc88b\ub2e4\ub358 \uccab\uc0ac\ub791 \uadf8\ub140 \uadfc\ub370 \ub124 \uc637\uc5d0 \ubb3b\uc5b4\uc788\ub358 \uc591\ub150 1000\uc6d0 \ub354 \ube44\uc2f8\uc11c \uc591\ub150\uc744 \ubabb \uc0ac\uc900 \ub0b4 \ud0d3 \uc774 \uc545\ubb3c\uace0\uc11c \ub098\ub3c4 \uc131\uacf5\uc744 \ud588\ub2e4 \ubd89\uc740 \ube5b\uae54 \uadf8\ub140\uc758 \uc785\uc220 \uac19\uc544\uc11c \ucfe0\ud0b9\ud638\uc77c\ub3c4 \ub2e4 \ud565\uc544\uba39\uc5b4 \ub0a0 \ub5a0\ub09c \uc774\uc724 \uc9c0\ub3c5\ud55c \uac00\ub09c\uc774\ub77c\uc11c \uc591\ub150 \ubc16\uc5d0\ub294 \ub09c \uc548 \uba39\uc5b4 \ud6c4\ub77c\uc774\ub4dc \uc88b\uc544\ud55c\ub2e4\uace0 \ub9d0\ud574\uc57c \ud588\uc9c0 \uc5b4\ub5a4 \ub0a0\uc5d4 \ud654\ub0b4\uc57c \ud588\uc9c0 (\uc624\ube60\uac00 \ub3c8\uc774 \uc5b4\ub514 \uc788\ub2e4\uace0 \uc591\ub150\uc744 \uc0ac\uc918) \uc6b0\ub9b0 \ub370\uc774\ud2b8\ud558\uba74 \ud6c4\ub77c\uc774\ub4dc \uc6b0\ub9ac\uac00 \ub9e4\uc77c \uba39\uace0 \ub610 \uba39\ub358 \ud6c4\ub77c\uc774\ub4dc \uadfc\ub370 \uc624\ube60 \ub098\ub3c4 \uc18d\ubb3c \uc778\uac00\ubd10 \uc591\ub150\uc774\ub77c\uba74 \ub208\uc774 \ub3cc\uc544\uac14\uc9c0 \uc591\ub150\uc774 \uc624\ube60\uc758 \ud53c \uac19\uc544 \uc9c0\uae08\uc740 \ud6c4\ub77c\uc774\ub4dc \ubc16\uc5d0 \ubabb \uc0bc\ucf1c \ub09c \uc591\ub150\uce58\ud0a8\uc774 \ub354 \uc88b\uc544 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uac74\uac15\ud574\uc9c0\uace0 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uba38\ub9ac \uc88b\uc544\uc838 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uc6c3\uc744 \uc218 \uc788\uace0 \uc591\ub150\uc744 \uba39\uc5b4\ubd10 \ub10c \uc2dc\ud5d8 \ud569\uaca9\ud574<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n<\/code><\/pre>\n
CSS<\/h4>\n
* {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialised;\n}\n\n.tab-wrapper {\n  width: 960px;\n  margin: auto;\n}\n.tab-menu {\n  padding-left: 0;\n}\n.tab-menu li {\n  float: left;\n  list-style: none;\n  background: #ebebeb;\n  margin-right: 10px;\n}\n.tab-menu:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.tab-menu li a {\n  color: #999;\n  text-transform: uppercase;\n  font-weight: bold;\n  line-height: 27px;\n  text-decoration: none;\n  display: block;\n  padding: 0 20px;\n}\n.tab-menu li a.active {\n  background: #000;\n  color: #fff;\n}\n.tab-content {\n  position: relative;\n  min-height: 300px;\n}\n.tab-content > div {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: none;\n  background: #e7b36e27 url(http:\/\/qwerew.cafe24.com\/example\/javascript\/chicken.png) no-repeat 100px top;\n  background-size: 40px;\n  padding: 1em;\n}\n\n.tab-content > div.active {\n  display: block;\n}\n<\/code><\/pre>\n
JQ<\/h4>\n
const tabWrapper = $('.tab-wrapper');\n\n\/\/https:\/\/api.jquery.com\/jquery.each\/\n\ntabWrapper.each(() => {\n  \/\/tabWrapper\uc774 \uc5ec\ub7ec\uac1c \uc788\uc744\uacbd\uc6b0 each \ubb38\uc744 \uc791\uc131\ud574\uc57c \ud55c\ub2e4\n  let currentEl = $(this);\n  const targetLink = currentEl.find('.tab-menu a');\n  const tabContent = currentEl.find('.tab-content > div');\n\n  targetLink.click(function (e) {\n    e.preventDefault();\n    let tg = $(this);\n    let currentLink = tg.attr('href');\n    console.log(currentLink);\n    targetLink.removeClass('active');\n    tg.addClass('active');\n    tabContent.hide();\n    $(currentLink).show();\n  });\n});\n$('#tabs-1').css('display', 'block');\n<\/code><\/pre>\n
JS<\/h4>\n
\/\/ \ubaa8\ub4e0 \ud0ed \ub798\ud37c \uc120\ud0dd\nconst wraps = document.querySelectorAll('.tab-wrapper');\n\n\/\/ \uac01 \ud0ed \ub798\ud37c \uc21c\ud68c\nfor (let i = 0; i < wraps.length; i++) {\n  \/\/ \ud604\uc7ac \ub798\ud37c\uc758 \uba54\ub274 \ub9c1\ud06c\uc640 \ucf58\ud150\uce20 \uc120\ud0dd\n  const links = wraps[i].querySelectorAll('ul.tab-menu a');\n  const tabs = wraps[i].querySelectorAll('.tab-content > div');\n  \n  \/\/ \uac01 \ub9c1\ud06c\uc5d0 \ud074\ub9ad \uc774\ubca4\ud2b8 \ucd94\uac00\n  for (let j = 0; j < links.length; j++) {\n    links[j].addEventListener('click', function(e) {\n      e.preventDefault(); \/\/ \uae30\ubcf8 \ub9c1\ud06c \ub3d9\uc791 \ubc29\uc9c0\n      \n      \/\/ \ubaa8\ub4e0 \ub9c1\ud06c\uc640 \ud0ed\uc5d0\uc11c active \uc81c\uac70\n      for (let k = 0; k < links.length; k++) {\n        links[k].classList.remove('active');\n        tabs[k].classList.remove('active');\n      }\n      \n      \/\/ \ud074\ub9ad\ud55c \ub9c1\ud06c\uc5d0 active \ucd94\uac00\n      this.classList.add('active');\n      \/\/ href \uc18d\uc131\uc73c\ub85c \ud574\ub2f9 \ud0ed \ucc3e\uc544\uc11c active \ucd94\uac00\n      document.querySelector(this.getAttribute('href')).classList.add('active');\n    });\n  }\n}\n<\/code><\/pre>\n
\n
\ud0ed \uae30\ub2a5 \ub9ac\ud329\ud1a0\ub9c1<\/h2>\n
\/\/ \ubaa8\ub4e0 \ud0ed \ub798\ud37c\uc5d0 \ud0ed \uae30\ub2a5 \uc801\uc6a9\nconst tabWrappers = document.querySelectorAll('.tab-wrapper');\n\ntabWrappers.forEach(wrapper => {\n  const links = wrapper.querySelectorAll('.tab-menu a');\n  const contents = wrapper.querySelectorAll('.tab-content > div');\n\n  \/\/ \uac01 \ub9c1\ud06c\uc5d0 \ud074\ub9ad \uc774\ubca4\ud2b8 \ucd94\uac00\n  links.forEach(link => {\n    link.addEventListener('click', e => {\n      e.preventDefault();\n\n      \/\/ \ubaa8\ub4e0 active \uc81c\uac70\n      links.forEach(l => l.classList.remove('active'));\n      contents.forEach(c => c.classList.remove('active'));\n\n      \/\/ \ud074\ub9ad\ud55c \ub9c1\ud06c\uc640 \ud574\ub2f9 \ucf58\ud150\uce20\uc5d0 active \ucd94\uac00\n      link.classList.add('active');\n      const target = document.querySelector(link.getAttribute('href'));\n      target.classList.add('active');\n    });\n  });\n});\n<\/code><\/pre>\n
\uc774\ubca4\ud2b8 \uc704\uc784\uc73c\ub85c \ub354 \uac04\ub2e8\ud558\uac8c<\/h3>\n
\/\/ \uc774\ubca4\ud2b8 \uc704\uc784 \ubc29\uc2dd\ndocument.querySelectorAll('.tab-wrapper').forEach(wrapper => {\n  wrapper.addEventListener('click', e => {\n    const link = e.target.closest('.tab-menu a');\n    if (!link) return;\n\n    e.preventDefault();\n\n    \/\/ active \ud1a0\uae00\n    wrapper.querySelectorAll('.active').forEach(el => el.classList.remove('active'));\n    link.classList.add('active');\n    document.querySelector(link.getAttribute('href')).classList.add('active');\n  });\n});\n<\/code><\/pre>\n
\uc774\ubca4\ud2b8 \uc704\uc784\uc758 \uc7a5\uc810<\/h3>\n
    \n
  1. \uc131\ub2a5<\/strong>: \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108 \uc218 \uac10\uc18c<\/li>\n
  2. \ub3d9\uc801 \uc694\uc18c<\/strong>: \ub098\uc911\uc5d0 \ucd94\uac00\ub41c \uc694\uc18c\ub3c4 \uc791\ub3d9<\/li>\n
  3. \uba54\ubaa8\ub9ac<\/strong>: \uba54\ubaa8\ub9ac \uc0ac\uc6a9\ub7c9 \uac10\uc18c<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    1. \ud0ed \ud0ed\uba54\ub274\ub9cc\ub4e4\uae30 \uc644\uc131\ud654\uba74 HTML <div class="tab-wrapper"> <ul class="tab-menu"> <li><a href="#tabs-1" class="active">\ub9ac\ubbf8<\/a><\/li> <li><a href="#tabs-2">\uac10\uc790<\/a><\/li> <li><a href="#tabs-3">\uce58\ud0a8<\/a><\/li> <\/ul> <div class="tab-content"> <div id="tabs-1" class="active"> <h2>\ub9ac\ubbf8<\/h2> <p>I like \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Everybody likes \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) Let`s eat \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) \uc591\ub150 \uce58\ud0a8 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \uce58\ud0a8 \uce58\ud0a8 (\uce58\ud0a8\uc2dc\ucf1c) (\uce58\ud0a8\uc2dc\ucf1c) x2 \ubc18\uc740 \uc591\ub150 \uce58\ud0a8 \ubc18\uc740 \ud6c4\ub77c\uc774\ub4dc \uce58\ud0a8 \ubb34\ub294 \ub9ce\uc774 \uc918\uc694 \uc544\uc90c\ub9c8 \ubd80\uc704\ub294 … \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":[26],"tags":[],"class_list":["post-860","post","type-post","status-publish","format-standard","hentry","category-html-css-ui"],"_links":{"self":[{"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/posts\/860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/comments?post=860"}],"version-history":[{"count":0,"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/posts\/860\/revisions"}],"wp:attachment":[{"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/media?parent=860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/categories?post=860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coalacoding.com\/wp-json\/wp\/v2\/tags?post=860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}