https://d9249.github.io/component---src-templates-blog-category-js-32052d105d658c3949db.js

1(self.webpackChunkd9249_github_io=self.webpackChunkd9249_github_io||[]).push([[57],{79:function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n},e.exports.__esModule=!0,e.exports.default=e.exports},117:function(e,t,a){var n=a(1132);const l=function(e){return void 0===e&&(e=""),String(e).trim().toLowerCase().replace(/&/g,"and").replace(/[^a-z0-9가-힣]+/g,"-").replace(/^-+|-+$/g,"")},r=e=>`/blog/tags/${l(e)}/`,s=r;t.getTagPath=s,t.getBlogTagPath=r,t.getTagSummaries=function(e){void 0===e&&(e=[]);const t=new Map;return e.forEach(e=>{var a;((null===(a=e.frontmatter)||void 0===a?void 0:a.tags)||[]).forEach(e=>{const a=l(e),n=t.get(a);t.set(a,{label:(null==n?void 0:n.label)||e,slug:a,count:((null==n?void 0:n.count)||0)+1})})}),n(t.values()).sort((e,t)=>{if(t.count!==e.count)return t.count-e.count;const a=e.label.toLowerCase(),n=t.label.toLowerCase();return a<n?-1:a>n?1:0})},t.getTipTagPath=e=>`/tips/tags/${l(e)}/`,t.slugifyTag=l},231:function(e,t,a){"use strict";a.r(t),a.d(t,{Head:function(){return c}});var n=a(6540),l=a(6364),r=a(8814),s=a(2321),i=a(4802),o=a(7228);t.default=e=>{let{data:t,pageContext:a}=e;const c=t.posts.nodes;return n.createElement(r.A,null,n.createElement("section",{className:"shell section"},n.createElement(i.A,{as:"h1",kicker:"Category",title:a.label}),n.createElement(l.A,{activeCategory:a.category}),n.createElement(o.A,{tagSummaries:a.tagSummaries}),c.length>0?n.createElement("div",{className:"post-grid"},c.map(e=>n.createElement(s.A,{key:e.id,post:e}))):n.createElement("div",{className:"empty-state"},"아직 공개된 글이 없습니다.")))};const c=e=>{let{pageContext:t}=e;return n.createElement(n.Fragment,null,n.createElement("title",null,t.label),n.createElement("meta",{name:"description",content:t.description}))}},335:function(e,t){t.E=function(e,t){void 0===e&&(e=""),void 0===t&&(t=80);const a=String(e),n=Array.from(a);return n.length<=t?a:`${n.slice(0,t).join("").trimEnd()}...`}},1132:function(e,t,a){var n=a(5901),l=a(9291),r=a(7122),s=a(1869);e.exports=function(e){return n(e)||l(e)||r(e)||s()},e.exports.__esModule=!0,e.exports.default=e.exports},1869:function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports},2321:function(e,t,a){"use strict";var n=a(6540),l=a(4810),r=a(4670),s=a(335);const i=new Map(r.map(e=>[e.slug,e.label]));t.A=e=>{let{post:t,featured:a=!1}=e;const{frontmatter:r,fields:o,excerpt:c}=t,u=i.get(o.category)||r.category,m=r.description||c,d=a?72:44,g=a?150:118;return n.createElement("article",{className:"post-card "+(a?"is-featured":"")},n.createElement(l.N_,{className:"post-thumb",to:o.slug,"aria-label":`${u}: ${r.title}`,title:r.title},n.createElement("span",null,u)),n.createElement("div",{className:"post-card-body"},n.createElement("div",{className:"meta"},u),n.createElement("h3",null,n.createElement(l.N_,{to:o.slug,"aria-label":r.title,title:r.title},(0,s.E)(r.title,d))),n.createElement("p",{title:m},(0,s.E)(m,g)),n.createElement("div",{className:"post-card-meta"},n.createElement("span",null,r.author),n.createElement("time",null,r.date))))}},4802:function(e,t,a){"use strict";var n=a(6540);t.A=e=>{let{as:t="h2",kicker:a,title:l,titleId:r,description:s,action:i}=e;return n.createElement("div",{className:"section-head"},n.createElement("div",{className:"section-heading-copy"},a&&n.createElement("p",{className:"eyebrow"},a),n.createElement("div",{className:"section-title-row"},n.createElement(t,{id:r},l),i&&n.createElement("div",{className:"section-action"},i))),s&&n.createElement("div",{className:"section-side"},n.createElement("p",{className:"section-note"},s)))}},5901:function(e,t,a){var n=a(79);e.exports=function(e){if(Array.isArray(e))return n(e)},e.exports.__esModule=!0,e.exports.default=e.exports},6364:function(e,t,a){"use strict";var n=a(4506),l=a(6540),r=a(4810),s=a(4670);const i={slug:"",label:"All"},o=[i].concat((0,n.A)(s));t.A=e=>{let{activeCategory:t}=e;const[a,n]=l.useState(!1),c=l.useId(),u=(t?s.find(e=>e.slug===t):void 0)||i;return l.createElement("nav",{className:"category-nav","aria-label":"Blog categories","data-expanded":a?"true":"false"},l.createElement("div",{className:"category-nav-mobile-header"},l.createElement("span",{className:"tag-nav-label"},"Categories"),l.createElement("button",{className:"category-nav-toggle",type:"button","aria-controls":c,"aria-expanded":a,"aria-label":a?"카테고리 접기":`카테고리 더 보기 (${o.length-1}개 숨김)`,onClick:()=>n(e=>!e)},a?"접기":"더 보기")),l.createElement("div",{className:"category-nav-list",id:c},o.map(e=>l.createElement(r.N_,{key:e.slug||"all",to:e.slug?`/blog/${e.slug}/`:"/blog/",className:e.slug===u.slug?"is-active":void 0},e.label))),l.createElement("span",{className:"visually-hidden","aria-live":"polite"},a?`전체 ${o.length}개 카테고리가 표시되었습니다.`:`카테고리 목록이 접혔습니다. 현재 선택은 ${u.label}입니다.`))}},7122:function(e,t,a){var n=a(79);e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports},7228:function(e,t,a){"use strict";

1var n=a(4506),l=a(6540),r=a(4810),s=a(117);const i="undefined"==typeof window?l.useEffect:l.useLayoutEffect,o=e=>{const t=7.4*e.label.length,a=8*String(e.count).length;return Math.ceil(Math.min(220,Math.max(76,t+a+46)))},c=e=>{let{activeTag:t,getTagPathForTag:a,linkedTags:n,nativeNavigation:s,tag:i,width:o}=e;const c="tag-nav-link"+(i.label===t?" is-active":""),u=Number.isFinite(o)?{"--tag-item-basis":`${o}px`}:void 0,m=l.createElement(l.Fragment,null,l.createElement("span",null,"#",i.label),l.createElement("strong",null,i.count));if(!n)return l.createElement("span",{className:`${c} tag-nav-chip`,style:u},m);const d=a(i.label);return s?l.createElement("a",{href:d,className:c,style:u},m):l.createElement(r.N_,{to:d,className:c,style:u},m)};t.A=e=>{let{activeTag:t,ariaLabel:a="Blog tags",getTagPathForTag:r=s.getTagPath,linkedTags:u=!0,posts:m,tagSummaries:d}=e;const g=l.useMemo(()=>d||(0,s.getTagSummaries)(m),[m,d]),p=l.useId(),v=l.useRef(null),h=l.useRef(null),f=g.length>18,E=l.useMemo(()=>((e,t)=>{if(!t)return 0;const a=e.findIndex(e=>e.label===t);return a<0?0:Math.floor(a/72)})(g,t),[t,g]),b=Math.max(1,Math.ceil(g.length/72)),[x,y]=l.useState(!1),[N,w]=l.useState(E),[M,T]=l.useState(420),[k,A]=l.useState([]),_=Math.min(N,b-1),$=72*_,S=Math.min(g.length,$+72),C=l.useMemo(()=>f&&!x?((e,t)=>{const a=t?e.find(e=>e.label===t):void 0;return a?[a].concat((0,n.A)(e.filter(e=>e.label!==t))).slice(0,18):e.slice(0,18)})(g,t):x?g.slice($,S):g,[t,x,f,S,$,g]),I=Math.max(0,g.length-18),L=l.useMemo(()=>x?[]:((e,t,a)=>{const l=Math.max(240,Math.floor(t||420)),r=e.map((e,t)=>({tag:e,index:t,width:Math.min(l,Math.ceil(a[t]||o(e)))})),s=[];return(0,n.A)(r).sort((e,t)=>t.width-e.width||e.index-t.index).forEach(e=>{let t=null,a=1/0;s.forEach(n=>{var r;const s=n.width+(n.items.length?7:0)+e.width;if(s>l)return;const i=l-s;(i<a||i===a&&n.minIndex<(null===(r=t)||void 0===r?void 0:r.minIndex))&&(t=n,a=i)}),t?(t.width+=(t.items.length?7:0)+e.width,t.minIndex=Math.min(t.minIndex,e.index),t.items.push(e)):s.push({width:e.width,minIndex:e.index,items:[e]})}),s.map(e=>({...e,items:e.items.sort((e,t)=>e.index-t.index)})).sort((e,t)=>e.minIndex-t.minIndex).map(e=>e.items)})(C,M,k),[x,M,k,C]);return i(()=>{v.current&&(v.current.scrollLeft=0,v.current.scrollTop=0)},[C]),i(()=>{if(!v.current)return;const e=()=>{var e;T((null===(e=v.current)||void 0===e?void 0:e.clientWidth)||420)};if(e(),"undefined"==typeof ResizeObserver)return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e);const t=new ResizeObserver(e);return t.observe(v.current),()=>t.disconnect()},[]),i(()=>{if(x||!h.current)return;const e=(0,n.A)(h.current.children).map(e=>Math.ceil(e.getBoundingClientRect().width));A(t=>t.length===e.length&&t.every((t,a)=>t===e[a])?t:e)},[x,C]),g.length?l.createElement("nav",{className:"tag-nav","aria-label":a,"data-expanded":x?"true":"false","data-tag-count":C.length,"data-total-tag-count":g.length},l.createElement("div",{className:"tag-nav-header"},l.createElement("span",{className:"tag-nav-label"},"Tags"),f?l.createElement("button",{className:"tag-nav-toggle",type:"button","aria-controls":p,"aria-expanded":x,"aria-label":x?"태그 접기":`태그 더 보기 (${I}개 숨김)`,onClick:()=>{x||w(E),y(e=>!e)}},x?"접기":"더 보기"):null),l.createElement("div",{className:"tag-nav-list",id:p,ref:v},x?C.map(e=>l.createElement(c,{activeTag:t,getTagPathForTag:r,key:e.slug,linkedTags:u,nativeNavigation:!0,tag:e})):L.map((e,a)=>l.createElement("div",{className:"tag-nav-row",key:`tag-row-${a}`},e.map(e=>{let{tag:a,width:n}=e;return l.createElement(c,{activeTag:t,getTagPathForTag:r,key:a.slug,linkedTags:u,tag:a,width:n})})))),x&&b>1?l.createElement("div",{className:"tag-nav-pagination"},l.createElement("span",{className:"tag-nav-page-summary"},$+1,"–",S," / ",g.length),l.createElement("div",{className:"tag-nav-page-actions"},l.createElement("button",{className:"tag-nav-page-button",type:"button","aria-controls":p,"aria-label":"이전 태그 페이지",disabled:0===_,onClick:()=>{w(e=>Math.max(0,e-1))}},l.createElement("span",{"aria-hidden":"true"},"‹")),l.createElement("strong",null,_+1," / ",b),l.createElement("button",{className:"tag-nav-page-button",type:"button","aria-controls":p,"aria-label":"다음 태그 페이지",disabled:_===b-1,onClick:()=>{w(e=>Math.min(b-1,e+1))}},l.createElement("span",{"aria-hidden":"true"},"›")))):null,l.createElement("span",{className:"visually-hidden","aria-live":"polite"},x?`전체 ${g.length}개 중 ${$+1}번째부터 ${S}번째 태그가 표시되었습니다. 태그 목록 안에서 세로로 스크롤할 수 있습니다.`:`주요 태그 ${C.length}개가 표시되었습니다.`),l.createElement("div",{className:"tag-nav-measurer",ref:h,"aria-hidden":"true"},x?null:C.map(e=>l.createElement("span",{className:"tag-nav-measure-chip",key:e.slug},l.createElement("span",null,"#",e.label),l.createElement("strong",null,e.count))))):null}},9291:function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}}]);
2//# sourceMappingURL=component---src-templates-blog-category-js-32052d105d658c3949db.js.map