https://image.news1.kr/system/_sjs/_next/static/chunks/pages/series-b75e15700aed54df.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1744],{19993:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/series",function(){return t(12579)}])},14219:function(e,s,t){"use strict";t.d(s,{Z:function(){return o}});var r=t(85893),i=t(67294),l=t(76720),a=t(93967),n=t.n(a),c=t(97400);let d=i.forwardRef(({bsPrefix:e,variant:s,animation:t="border",size:i,as:l="div",className:a,...d},m)=>{e=(0,c.vE)(e,"spinner");let o=`${e}-${t}`;return(0,r.jsx)(l,{ref:m,...d,className:n()(a,o,i&&`${o}-${i}`,s&&`text-${s}`)})});d.displayName="Spinner";var m=t(37271),o=({onSubmit:e,loading:s=!1,disabled:t=!1,text:i="기사 더보기"})=>(0,r.jsx)(l.Z,{className:"read-more",variant:"dark",onClick:e,disabled:t,children:s?(0,r.jsx)(d,{as:"span",animation:"border",size:"sm",role:"status"}):(0,r.jsxs)("span",{className:"",children:[i," ",(0,r.jsx)(m.Z,{})," "]})})},12579:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSG:function(){return g},default:function(){return j}});var r=t(85893),i=t(97347),l=t(67294),a=t(25675),n=t.n(a),c=t(66847),d=t(41664),m=t.n(d),o=t(33374),h=t(53280),u=l.memo(({data:e})=>{let[s,t]=(0,l.useState)(!1),i="image"in e?e.image:"";return e.series_url&&e.series_title&&(0,r.jsx)("div",{className:"col-12 col-md-4 col-sm-6 col-lg-3 col-lg-3-none",children:(0,r.jsxs)("div",{className:"h-100 p-0 border rounded-3 d-flex flex-column ",children:[(0,r.jsxs)("div",{className:"flex-fill position-relative",children:[(0,r.jsx)(m(),{prefetch:!1,href:e.series_url,children:(0,r.jsx)(n(),{src:`${s?"https://image.news1.kr/system/resource/news1_www/images/noimage/no_image_336x230.jpg?2":i}`,width:300,height:200,alt:e.series_title,className:"thumb-h200 thumb-sm-h240 thumb-md-h150 thumb-lg-h200",sizes:"(max-width: 768px) 50vw,(min-width: 1024px) 680px,100vw",placeholder:"blur",blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNcvXqZMgAGJgIhrjiC6AAAAABJRU5ErkJggg==",style:{objectFit:"cover"}})}),(0,r.jsx)("div",{className:"position-left-bottom ",children:(0,r.jsx)(h.Z,{bg:"info",className:" font-medium rounded-pill p-2 pl-15 pr-15 ",children:(0,r.jsx)(m(),{prefetch:!1,href:`${e.series_url}`,className:"text-white",children:e.series_title})})})]}),(0,r.jsxs)("div",{className:"px-3 my-2 min-h-84-md position-relative",children:[(0,r.jsx)("h3",{className:"n1-header-title-related text-limit-2-row",children:(0,r.jsx)(m(),{prefetch:!1,href:e?.url||e.series_url,children:e.title||"최근 3개월 이내에 작성된 기사가 없습니다."})}),(0,r.jsx)("div",{className:"position-absolute-bottom-md",children:(0,r.jsx)("div",{className:"d-flex justify-content-between mb-2",children:(0,r.jsxs)("span",{className:"article-date",children:[(0,r.jsx)(c.Z,{})," ",e.pubdate&&(0,o.b)(e.pubdate)||"-"]})})})]})]})})}),x=t(14219),f=t(67810),p=t(11163),g=!0;function j({data:e}){let s=(0,p.useRouter)(),[t,a]=(0,l.useState)(16),[n,c]=(0,l.useState)(e),[d,o]=(0,l.useState)("전체"),[h,g]=(0,l.useState)(!1),j=(0,l.useRef)([]),N=(0,l.useMemo)(()=>Array.from(new Set(e.map(e=>e.type).filter(Boolean))).map(e=>({name:e})),[e]),b=(0,l.useMemo)(()=>[{name:"전체"},...N],[N]),v=t=>{o(t),a(16),localStorage.removeItem("series_lastId"),"전체"===t?c(e):c(e.filter(e=>e.type===t)),s.push("/series",void 0,{shallow:!0})};return(0,l.useEffect)(()=>{b.forEach((e,s)=>{j.current[s]?.classList.toggle("tag_active-2",d===e.name)})},[d,b]),(0,l.useEffect)(()=>{let e=localStorage.getItem("series_lastId");s.query.lastId&&"string"==typeof s.query.lastId?a(Number(s.query.lastId)):e?void 0===s.query.lastId?(localStorage.removeItem("series_lastId"),a(16)):a(Number(e)):a(16)},[s.query.lastId]),(0,r.jsx)(i.Z,{title:"연재물",children:(0,r.jsx)("main",{children:(0,r.jsxs)("div",{className:"container",children:[(0,r.jsx)("div",{className:"row mt-20 mb-10 ",children:(0,r.jsx)(f.Z,{title_tag:"div",title_class:"n1-aside-header-title",title_row:"text-limit-1-row",children:"연재물"})}),(0,r.jsx)("nav",{className:"container p-0 ",children:(0,r.jsx)("ul",{className:"flex-wrap justify-content-md-start justify-content-center list-inline mb-10",children:b.map((e,s)=>(0,r.jsx)("li",{className:"mt-10 list-inline-item",children:(0,r.jsx)(m(),{href:"/series",className:"bg-light text-dark-grey border font-medium border-radius-15 p-1 pl-15 pr-15",onClick:s=>{s.preventDefault(),v(e.name)}

1,ref:e=>{j.current[s]=e},children:e.name})},s))})}),(0,r.jsx)("div",{className:"row-bottom-border mb-10 p-2"}),(0,r.jsx)("div",{className:"row mb-10",children:(0,r.jsxs)(f.Z,{title_tag:"div",children:["총 ",n.length," 건"]})}),(0,r.jsx)("div",{className:"row g-4 ",children:n.slice(0,t).map((e,s)=>(0,r.jsx)(u,{data:e},s))}),(0,r.jsx)("div",{children:(0,r.jsxs)("p",{className:"text-center mt-20",children:[t>n.length?n.length:t," / ",n.length]})}),n.length>t&&(0,r.jsx)("div",{className:"text-center mt-4",children:(0,r.jsx)(x.Z,{text:"더보기",onSubmit:()=>{g(!0),a(e=>{let t=e+16;localStorage.setItem("series_lastId",String(t));let r=Math.min(t,n.length);return s.push(`/series?lastId=${r}`,void 0,{shallow:!0}),g(!1),r})},loading:h,disabled:h})})]})})})}}},function(e){e.O(0,[1664,2693,7534,3448,5675,393,2230,8732,7347,2888,9774,179],function(){return e(e.s=19993)}),_N_E=e.O()}]);