https://ossca-team-nextjs.vercel.app/_next/static/chunks/app/posting/page-cd4cfe472764300a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[351],{1469:(e,t,s)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var s in t)Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}(t,{default:function(){return c},getImageProps:function(){return i}});let l=s(8229),a=s(8883),r=s(3063),n=l._(s(1193));function i(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:n.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,s]of Object.entries(t))void 0===s&&delete t[e];return{props:t}}let c=r.Image},3453:(e,t,s)=>{"use strict";s.d(t,{default:()=>g});var l=s(5155),a=s(2115),r=s(5695),n=s(6874),i=s.n(n);let c=function(e){let{width:t="w-full",height:s="h-[1px]",color:a="border-black",className:r=""}=e,n="".concat(t," ").concat(s," ").concat(a," ").concat(r);return(0,l.jsx)("hr",{className:n})};var o=s(5358);let u=function(){for(var e,t,s=0,l="",a=arguments.length;s<a;s++)(e=arguments[s])&&(t=function e(t){var s,l,a="";if("string"==typeof t||"number"==typeof t)a+=t;else if("object"==typeof t)if(Array.isArray(t)){var r=t.length;for(s=0;s<r;s++)t[s]&&(l=e(t[s]))&&(a&&(a+=" "),a+=l)}else for(l in t)t[l]&&(a&&(a+=" "),a+=l);return a}(e))&&(l&&(l+=" "),l+=t);return l};function d(e){let{sortType:t,onChange:s}=e;return(0,l.jsxs)("div",{className:"ml-1 flex text-sm font-medium",children:[(0,l.jsx)("button",{className:u("relevance"===t?"text-black":"text-gray-400","hover:text-black"),onClick:()=>s("relevance"),children:"정확도순"}),(0,l.jsx)("span",{className:"mx-2 text-gray-800",children:"|"}),(0,l.jsx)("button",{className:u("latest"===t?"text-black":"text-gray-400","hover:text-black"),onClick:()=>s("latest"),children:"최신순"})]})}function x(e){let{count:t}=e;return(0,l.jsxs)("div",{className:"w-[120px] text-center mb-6 pt-2 pb-2 rounded-[0.3vw] font-bold text-xl text-white bg-ossca-mint-300/60",children:[t," Results"]})}function m(e){let{title:t,subHeadings:s}=e;return(0,l.jsx)("div",{style:{backgroundColor:"rgba(206, 206, 206, 0.2)"},className:"w-[90%] px-7 py-7 mb-2 mx-auto rounded-xl",children:(0,l.jsxs)("div",{className:"flex items-start",children:[(0,l.jsxs)("h2",{className:"text-ossca-mint-500 font-bold text-xl",children:[t," /"]}),s.length>0&&(0,l.jsx)("ul",{className:"ml-15 list-none text-sm text-gray-700 space-y-3",children:s.map((e,t)=>(0,l.jsx)("li",{children:e},t))})]})})}let f=()=>(0,l.jsx)("div",{className:"text-center mt-30 text-3xl font-semibold",children:"찾으시는 검색어가 존재하지 않습니다..\uD83D\uDE22"});function h(e){let{tabs:t,activeTab:s,setActiveTab:r}=e,n=(0,a.useRef)(null),[i,c]=(0,a.useState)({left:0,width:0});return(0,a.useEffect)(()=>{if(!n.current)return;let e=Array.from(n.current.children),l=t.findIndex(e=>e===s);if(l>=0){let t=e[l],s=n.current.getBoundingClientRect(),a=t.getBoundingClientRect();c({left:a.left-s.left,width:a.width})}},[s,t]),(0,l.jsxs)("div",{className:"relative w-full",children:[(0,l.jsx)("div",{ref:n,className:"flex space-x-6",children:t.map(e=>(0,l.jsx)("div",{className:"pb-1 cursor-pointer",onClick:()=>r(e),children:(0,l.jsxs)("span",{className:"pretendard-700 text-lg transition-colors duration-300 ".concat(s===e?"text-teal-500":"text-gray-600"),children:[e,"월"]})},e))}),(0,l.jsx)("div",{className:"absolute bottom-0 h-0.5 bg-teal-500 rounded-full transition-all duration-300",style:{left:i.left,width:i.width}})]})}function g(e){var t,s;let{filteredPosts:n,searchKeyword:u}=e,g=(0,r.useRouter)(),b=(0,r.useSearchParams)(),j=!!u,[p,v]=(0,a.useState)("latest"),w=(0,a.useMemo)(()=>{if("latest"===p||!u)return n;let e=e=>{let t=u.toLowerCase();return 2*!!e.title.toLowerCase().includes(t)+e.subHeadings.filter(e=>e.toLowerCase().includes(t)).length};return[...n].sort((t,s)=>e(s)-e(t))},[n,u,p]),N=n.filter(e=>/^\d{4}$/.test(e.slug)),y=(0,a.useMemo)(()=>Array.from(new Set(N.map(e=>e.slug.slice(0,2)))).sort((e,t)=>Number(t)-Number(e)),[N]),k=null!=(t=b.get("tab"))?t:"",C=null!=(s=y[0])?s:"",[S,_]=(0,a.useState)(k||C);(0,a.useEffect)(()=>{j||(k&&y.includes(k)?_(k):(_(C),g.replace("?tab=".concat(C))))},[k,y,C,g,j]);let E=(0,a.useMemo)(()=>N.filter(e=>e.slug.startsWith(S)),[N,S]),A=w.length;return j?0===n.length?(0,l.jsxs)("div",{className:"mt-10",children:[(0,l.jsx)(o.default,{}),(0,l.jsx)(c,{className:"mb-8 mx-auto",width:"w-9/10",color:"border-ossca-gray-100"}),(0,l.jsx)(f,{})]}):(0,l.jsxs)("div",{className:"mt-10",children:[(0,l.jsx)(o.default,{}),(0,l.jsx)(c,{className:"mb-8 mx-auto",width:"w-9/10",color:"border-ossca-gray-100"}),(0,l.jsxs)("div",{className:"ml-[5%] mb-10",children:[(0,l.jsx)(x,{count:A}),(0,l.jsx)(d,{sortType:p,onChange:v})]}),w.length>0?w.map(e=>(0,l.jsx)(i(),{href:"/posting/".concat(e.slug),children:(0,l.jsx)(m,{title:e.title,subHeadings:e.subHeadings})},e.slug)):(0,l.jsx)(f,{})]}):(0,l.jsxs)("div",{className:"mt-2",children:[(0,l.jsxs)("div",{className:"w-9/10 mx-auto flex items-center justify-between h-[48px] mb-6",children:[(0,l.jsx)(h,{tabs:y,activeTab:S,setActiveTab:e=>{e!==S&&(_(e),g.push("?tab=".concat(e)))}}),(0,l.jsx)("div",{className:"w-[350px] [&>div]:!mb-0 [&>div]:!ml-0 [&>div>div]:w-full",children:(0,l.jsx)(o.default,{})})]}),(0,l.jsx)(c,{className:"mb-8 mx-auto",width:"w-9/10",color:"border-ossca-gray-100"}),E.length>0?E.map(e=>(0,l.jsx)(i(),{href:"/posting/".concat(e.slug),children:(0,l.jsx)(m,{title:e.title,subHeadings:e.subHeadings})},e.slug)):(0,l.jsx)(f,{})]})}},5358:(e,t,s)=>{"use strict";s.d(t,{default:()=>c});var l=s(5155),a=s(1469),r=s.n(a),n=s(5695),i=s(2115);function c(){let[e,t]=(0,i.useState)(""),s=(0,n.useRouter)();return(0,l.jsx)("div",{className:"mb-10 ml-[70%]",children:(0,l.jsx)("div",{className:"w-[83%] text-[18px] bg-ossca-mint-600/50 pretendard-500 rounded-[25px] pt-2 pb-2",children:(0,l.jsxs)("div",{className:"pl-[1rem] pr-[1.5rem] flex flex-row items-center justify-between",children:[(0,l.jsx)(r(),{src:"/search-icon.png",alt:"검색 아이콘",width:16,height:16}),(0,l.jsx)("input",{type:"text",value:e,placeholder:"Search",onChange:e=>{t(e.target.value)},onKeyDown:t=>{"Enter"===t.key&&s.push("/posting?q=".concat(e))},className:"w-[80%] text-right focus:outline-none"})]})})})}},8653:(e,t,s)=>{Promise.resolve().then(s.bind(s,3453))}},e=>{var t=t=>e(e.s=t);e.O(0,[597,874,441,684,358],()=>t(8653)),_N_E=e.O()}]);