https://tilnote.io/_next/static/chunks/pages/books-abcdd07f73d9d46f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2566],{66972:(e,s,a)=>{"use strict";a.r(s),a.d(s,{__N_SSP:()=>p,default:()=>P});var o=a(37876),r=a(48230),t=a.n(r),l=a(54587),i=a.n(l),c=a(14232),n=a(16684),d=a(89099),m=a(77328),u=a.n(m),_=a(88992),h=a.n(_);let b=e=>{if(!e)return"";if("string"==typeof e&&(e.startsWith("http://")||e.startsWith("https://")))return e;let s=String(e).split("/").pop();return`https://server.tilnote.io/img/books/${s}`},k=e=>{let s=e?.userId;return s&&"object"==typeof s?s.name||s.blog||"틸노트 작가":e?.userName||e?.authorName||"틸노트 작가"};var p=!0;let P=({ssrData:e,pageNumber:s,searchQuery:a,recommendedBooks:r})=>{let[l,m]=(0,c.useState)(!1),[_,p]=(0,c.useState)(a||""),P=(0,c.useRef)(),g=(0,d.useRouter)(),x=Array.isArray(e?.books)?e.books:[],B=Array.isArray(r)?r:[],N=a?"검색 ê²°ê³¼":"새로 업데이트된 책";(0,c.useEffect)(()=>{e&&(e.error?m(!1):parseInt(s,10)<parseInt(e.lastPage,10)?m(!0):m(!1))},[e,s]),(0,c.useEffect)(()=>{p(a||"")},[a]);let j=(0,c.useCallback)(e=>{let s=g.pathname,a={...g.query};a.page=parseInt(e,10)+1,g.push({pathname:s,query:a},void 0,{scroll:!1})},[g]),y=(0,c.useCallback)(e=>{P.current&&P.current.disconnect(),P.current=new IntersectionObserver(e=>{e[0].isIntersecting&&l&&j(s)}),e&&P.current.observe(e)},[l,j,s]);return(0,o.jsxs)("div",{className:h().page,children:[(0,o.jsxs)(u(),{children:[(0,o.jsx)("title",{children:"틸노트 북스 - TILNOTE Books"}),(0,o.jsx)("link",{rel:"canonical",href:"https://tilnote.io/books"})]}),(0,o.jsx)(n.A,{}),(0,o.jsxs)("main",{className:h().layout,children:[(0,o.jsx)("section",{className:h().heroSection,children:(0,o.jsxs)("div",{className:h().heroCopy,children:[(0,o.jsx)("h1",{className:h().heroTitle,children:"틸노트 북스"}),(0,o.jsx)("p",{className:h().heroDescription,children:"틸노트에서 공개된 책을 모아 읽는 공간입니다."})]})}),(0,o.jsx)("section",{className:h().searchSection,children:(0,o.jsxs)("form",{onSubmit:e=>{e.preventDefault();let s=_.trim(),a={...g.query,page:1};s?a.q=s:delete a.q,g.push({pathname:g.pathname,query:a})},className:h().searchForm,children:[(0,o.jsx)("div",{className:h().searchInputWrap,children:(0,o.jsx)("input",{id:"book-search-input",value:_,onChange:e=>p(e.target.value),placeholder:"책 제목 또는 소개 검색",className:h().searchInput})}),(0,o.jsxs)("div",{className:h().searchActions,children:[(0,o.jsx)("button",{type:"submit",className:h().primaryButton,children:"검색"}),g.query.q&&(0,o.jsx)("button",{type:"button",onClick:()=>{p("");let e={...g.query,page:1};delete e.q,g.push({pathname:g.pathname,query:e})},className:h().secondaryButton,children:"초기화"})]})]})}),!a&&B.length>0&&(0,o.jsxs)("section",{className:h().recommendedSection,children:[(0,o.jsx)("div",{className:h().resultsHeader,children:(0,o.jsx)("div",{children:(0,o.jsx)("span",{className:h().resultsTitle,children:"추천 책"})})}),(0,o.jsx)("div",{className:h().recommendedGrid,children:B.map(e=>{let s=b(e.image),a=k(e),r=e?.recommendation?.reason||"추천 책";return(0,o.jsxs)(t(),{href:`/books/${e._id}`,className:h().recommendedCard,children:[(0,o.jsx)("div",{className:h().recommendedCover,"aria-hidden":"true",children:s?(0,o.jsx)(i(),{src:s,alt:"",className:h().thumbnailImage,fill:!0,sizes:"(max-width: 560px) 88px, 104px",loading:"lazy"}):(0,o.jsx)("span",{className:h().thumbnailFallback,children:(e.title||"B").trim().charAt(0)})}),(0,o.jsxs)("div",{className:h().recommendedBody,children:[(0,o.jsx)("span",{className:h().recommendedReason,children:r}),(0,o.jsx)("h2",{className:h().recommendedTitle,children:e.title}),(0,o.jsx)("div",{className:h().bookMeta,children:(0,o.jsx)("span",{children:a})})]})]},e._id)})})]}),(0,o.jsxs)("section",{className:h().resultsSection,children:[(0,o.jsx)("div",{className:h().resultsHeader,children:(0,o.jsx)("div",{children:(0,o.jsx)("span",{className:h().resultsTitle,children:N})})}),e.error&&(0,o.jsx)("div",{className:h().errorState,children:"책 목록을 불러오지 못했습니다."}),!e.error&&0===x.length&&(0,o.jsx)("div",{className:h().emptyState,children:"검색 ê²°ê

1³¼ê°€ 없습니다."}),!e.error&&x.length>0&&(0,o.jsx)("ul",{className:h().bookList,children:x.map((e,s)=>{let a,r,l,c,n,d=x.length===s+1;return(0,o.jsx)("li",{ref:d?y:null,className:h().bookItem,children:(r=(a=(e?.description||e?.content||"").replace(/\s+/g," ").trim())?a.length<=160?a:`${a.slice(0,160)}...`:"",l=b(e.image),c=k(e),n=(e=>{let s=e?.updatedAt||e?.createdAt;if(!s)return"";let a=new Date(s);return Number.isNaN(a.getTime())?"":new Intl.DateTimeFormat("ko-KR",{year:"numeric",month:"long",day:"numeric"}).format(a)})(e),(0,o.jsxs)(t(),{href:`/books/${e._id}`,className:h().bookLink,children:[(0,o.jsx)("div",{className:h().thumbnail,"aria-hidden":"true",children:l?(0,o.jsx)(i(),{src:l,alt:"",className:h().thumbnailImage,fill:!0,sizes:"(max-width: 560px) 72px, 88px",loading:"lazy"}):(0,o.jsx)("span",{className:h().thumbnailFallback,children:(e.title||"B").trim().charAt(0)})}),(0,o.jsxs)("div",{className:h().bookBody,children:[(0,o.jsxs)("div",{className:h().bookTopRow,children:[(0,o.jsx)("h2",{className:h().bookTitle,children:e.title}),(0,o.jsx)("span",{className:h().priceBadge,children:e?.price?`${Number(e.price).toLocaleString("ko-KR")}원`:"무료"})]}),(0,o.jsxs)("div",{className:h().bookMeta,children:[(0,o.jsx)("span",{children:c}),n&&(0,o.jsx)("span",{children:n})]}),r&&(0,o.jsx)("p",{className:h().bookSummary,children:r})]})]}))},e._id)})})]})]})]})}},73147:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/books",function(){return a(66972)}])},80084:(e,s,a)=>{"use strict";var o=a(29563);s.A=void 0;var r=o(a(94471)),t=a(37876);s.A=(0,r.default)((0,t.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward")},88992:e=>{e.exports={page:"BooksPublicPage_page__xp6eO",layout:"BooksPublicPage_layout__mn74o",heroSection:"BooksPublicPage_heroSection__iEtTx",heroCopy:"BooksPublicPage_heroCopy__uKhG7",heroEyebrow:"BooksPublicPage_heroEyebrow___uTOY",heroTitle:"BooksPublicPage_heroTitle__68oGl",heroDescription:"BooksPublicPage_heroDescription__9Jd7H",searchSection:"BooksPublicPage_searchSection__tOphK",searchForm:"BooksPublicPage_searchForm__Es8Wy",searchInputWrap:"BooksPublicPage_searchInputWrap__JAD9i",searchLabel:"BooksPublicPage_searchLabel__8QpTR",searchInput:"BooksPublicPage_searchInput__R_7Sy",searchActions:"BooksPublicPage_searchActions__SydwS",primaryButton:"BooksPublicPage_primaryButton__ZabjI",secondaryButton:"BooksPublicPage_secondaryButton__qG8aM",recommendedCard:"BooksPublicPage_recommendedCard__ayIv_",bookLink:"BooksPublicPage_bookLink__KS3_E",resultsSection:"BooksPublicPage_resultsSection__c2Ytl",resultsHeader:"BooksPublicPage_resultsHeader__mVkxj",resultsTitle:"BooksPublicPage_resultsTitle__k8ah_",resultsDescription:"BooksPublicPage_resultsDescription__COW1T",resultsCount:"BooksPublicPage_resultsCount__o4KV5",recommendedSection:"BooksPublicPage_recommendedSection__ShKdk",recommendedGrid:"BooksPublicPage_recommendedGrid__vo5lQ",recommendedCover:"BooksPublicPage_recommendedCover__ISK3Q",recommendedBody:"BooksPublicPage_recommendedBody__uGeCR",recommendedReason:"BooksPublicPage_recommendedReason__PdwnZ",recommendedTitle:"BooksPublicPage_recommendedTitle__2N2hQ",bookList:"BooksPublicPage_bookList__NQcNh",bookItem:"BooksPublicPage_bookItem__RUAhV",thumbnail:"BooksPublicPage_thumbnail__dU3Cs",thumbnailImage:"BooksPublicPage_thumbnailImage__mhx8m",thumbnailFallback:"BooksPublicPage_thumbnailFallback__OmDSf",bookBody:"BooksPublicPage_bookBody__E6vHR",bookTopRow:"BooksPublicPage_bookTopRow__EH1ez",bookTitle:"BooksPublicPage_bookTitle__2BUKd",priceBadge:"BooksPublicPage_priceBadge__QZwdH",bookMeta:"BooksPublicPage_bookMeta__IDoac",bookSummary:"BooksPublicPage_bookSummary__vkWID",emptyState:"BooksPublicPage_emptyState__ns_wt",errorState:"BooksPublicPage_errorState__XU5EI"}}},e=>{e.O(0,[8230,8384,4997,4587,8212,304,2289,7559,1494,5870,807,6684,636,6593,8792],()=>e(e.s=73147)),_N_E=e.O()}]);