https://ahnlabcloudmate.com/_next/static/chunks/5235-af0c9e2eff5b23d5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5235],{79974:function(a,b,c){"use strict";c.d(b,{N:function(){return y}});var d=c(26042),e=c(69396),f=c(828),g=c(85893),h=c(67294),i=c(11355),j=c(43825),k=c(93967),l=c.n(k),m=c(25675),n=c.n(m),o=c(6870),p=c(38711),q=c(68913),r=c.n(q),s=(0,h.memo)(function(a){var b=a.ci,c=a.description,d=a.name,e=a.url,f=a.btn_label,k=(0,h.useState)(!1),m=k[0],q=k[1],s=function(){return q(!0)},t=function(){return q(!1)},u="자세히 보기"===f;return(0,g.jsxs)("div",{className:r().container,children:[(0,g.jsx)("div",{className:r().logo,children:(0,g.jsx)("div",{className:"relative w-full h-full",children:(0,g.jsx)(n(),{src:b.url,layout:"fill",alt:d,unoptimized:!0,objectFit:"contain"})})}),(0,g.jsxs)("div",{className:r().content,children:[(0,g.jsx)("p",{className:r().name,children:d}),(0,g.jsx)("div",{className:"relative",children:(0,g.jsx)(o.Z,{maxLine:2,text:c,trimRight:!0,ellipsis:(0,g.jsxs)("span",{className:r().prefixMore,children:["...",(0,g.jsx)("button",{className:r().more,type:"button",onClick:s,children:"더보기"})]}),component:"p",className:l()(r().description,"overflow-hidsden"),basedOn:"letters"})}),(0,g.jsx)(p.r,{href:e,className:l()(r().btn,{"bg-brand-400":u,"bg-light-blue":!u}),children:(0,g.jsx)("span",{className:r().btnText,children:f})})]}),(0,g.jsx)(i.u,{appear:!0,show:m,as:h.Fragment,children:(0,g.jsxs)(j.V,{as:"div",className:"relative z-[200]",onClose:t,children:[(0,g.jsx)(i.u.Child,{as:h.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,g.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50"})}),(0,g.jsx)("div",{className:"fixed inset-0 overflow-y-auto",children:(0,g.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center",children:(0,g.jsx)(i.u.Child,{as:h.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,g.jsx)(j.V.Panel,{className:"w-full max-w-sm transform overflow-hidden text-left align-middle shadow-xl transition-all",children:(0,g.jsxs)("div",{className:"border flex flex-col bg-gray-05 border-gray-04 rounded-px-20 overflow-hidden",children:[(0,g.jsxs)("div",{className:r().logo,children:[(0,g.jsx)("div",{className:"relative w-full h-full",children:(0,g.jsx)(n(),{src:b.url,className:"object-contain",layout:"fill",alt:d,unoptimized:!0})}),(0,g.jsx)("div",{className:"absolute top-4 right-4",children:(0,g.jsx)("button",{type:"button",onClick:t,children:(0,g.jsx)(n(),{src:"/images/mobile-menu-exit-icon.svg",alt:"닫기",width:20,height:20})})})]}),(0,g.jsxs)("div",{className:r().content,children:[(0,g.jsx)("p",{className:r().name,children:d}),(0,g.jsx)("p",{className:r().description,style:{height:"auto"},children:c}),(0,g.jsx)(p.r,{href:e,className:l()(r().btn,{"bg-brand-400":u,"bg-light-blue":!u}),children:(0,g.jsx)("span",{className:r().btnText,children:f})})]})]})})})})})]})})]})});s.displayName="StoryListItem";var t=c(89382),u=c(27553),v=c.n(u),w=c(10332);function x(a){var b,c,i,j,k=a.data,m=a.className,n=a.headerClassName,o=a.hideHeader,p=(0,f.Z)((0,t.Z)({axis:"y",slidesToScroll:1,align:"start",loop:!1,containScroll:!1,watchDrag:!1,breakpoints:{"(min-width: 1120px)":{axis:"x"}}}),2),q=p[0],r=p[1],u=(0,f.Z)((b=(0,h.useRef)(null),c=(0,h.useState)(null),i=c[0],j=c[1],(0,h.useEffect)(function(){if(b.current){j(b.current.clientWidth);var a=new ResizeObserver(function(a){var b=a[0];b&&j(b.contentRect.width)});return a.observe(b.current),function(){a.disconnect()}}},[]),[b,i]),2),x=u[0],y=u[1],z=(0,w.a)("(min-width: 1120px)");return(0,h.useEffect)(function(){if(r&&x.current){if(z){x.current.style.height="auto";return}var a=function(){var a=r.selectedScrollSnap(),b=r.slideNodes();if(b&&b[a]){var c=b.slice(a,a+3).reduce(function(a,b,c){return"number"!=typeof(null==b?void 0:b.offsetHeight)||b.offsetHeight<=0||(a+=b.offsetHeight,c>0&&(a+=20)),a},0);x.current.style.height="".concat(c+15,"px")}};return r.on("select",a),r.on("resize",a),a(),function(){r.off("select",a),r.off("resize",a)}}},[x,r,z]),(0,g.jsxs)("div",{className:l()("pt-24",m),children:[(0,g.jsxs)("div",{className:"flex items-center mb-5",children:[o?null:(0,g.jsx)("h3",{className:n,children:"리소스"}),(0,g.jsxs)("div",{className:"ml-auto flex items-center gap-2.5",children:[(0,g.jsx)("button",{type:"button",className:v().button,onClick:function(){(null==r?void 0:r.canScrollPrev())&&

1(null==r||r.scrollPrev())},children:(0,g.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,g.jsx)("path",{d:"M11.7 14.3999L6.29995 8.9999L11.7 3.5999",stroke:"black",strokeWidth:"1.4",strokeLinecap:"round"})})}),(0,g.jsx)("button",{type:"button",className:v().button,onClick:function(){(null==r?void 0:r.canScrollNext())&&(null==r||r.scrollNext())},children:(0,g.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,g.jsx)("path",{d:"M6.30005 3.6001L11.7 9.0001L6.30005 14.4001",stroke:"black",strokeWidth:"1.4",strokeLinecap:"round"})})})]})]}),(0,g.jsx)("div",{className:v().embla,ref:function(a){q(a),x.current=a},children:(0,g.jsx)("div",{className:v().container,style:{"--slides_width":(null!=y?y:0)+"px"},children:k.map(function(a){return(0,g.jsx)("div",{className:v().slide,children:(0,h.createElement)(s,(0,e.Z)((0,d.Z)({},a),{key:a.id}))},a.id)})},null==y?void 0:y.toString())})]})}var y=function(a){var b=a.data,c=a.className,d=a.headerClassName,e=a.hideHeader;return b&&0!==b.length?(0,g.jsx)(x,{data:b,className:c,headerClassName:void 0===d?"text-h2 font-bold":d,hideHeader:void 0!==e&&e}):null}},73773:function(a,b,c){"use strict";c.d(b,{T:function(){return d},a:function(){return k}});var d,e,f=c(85893),g=c(93967),h=c.n(g),i=c(38711);(e=d||(d={}))[e.AWS=0]="AWS",e[e.NCP=1]="NCP",e[e.NHN_ClOUD=2]="NHN_ClOUD",e[e.PUBLIC=3]="PUBLIC",e[e.GCP=4]="GCP",e[e.AZURE=5]="AZURE";var j=function(a){var b=a.children,c=a.href,d=a.current,e=a.type;return(0,f.jsx)(i.r,{href:c,className:h()("text-b3 pt-4 pb-[15px] whitespace-nowrap transition-color hover:text-brand-400 hover:border-b-2 hover:border-b-brand-400",{"text-brand-400 border-b-2 border-b-brand-400":d===e,"text-gray-02":d!==e}),children:b})},k=function(a){var b=a.current;return(0,f.jsx)("div",{className:"sticky left-0 right-0 bg-white z-10",style:{to

1p:"var(--header-height)"},children:(0,f.jsx)("div",{className:"bg-white h-14",style:{boxShadow:"0px 4px 4px rgba(179, 182, 183, 0.25)"},children:(0,f.jsxs)("div",{className:"container overflow-x-auto flex space-x-6 scrollbar-hide",children:[(0,f.jsx)(j,{current:b,type:d.AWS,href:"/platform/aws",children:"AWS"}),(0,f.jsx)(j,{current:b,type:d.GCP,href:"/platform/google-cloud",children:"Google Cloud"}),(0,f.jsx)(j,{current:b,type:d.AZURE,href:"/platform/microsoft-azure",children:"Microsoft Azure"}),(0,f.jsx)(j,{current:b,type:d.NCP,href:"/platform/naver-cloud-platform",children:"Naver Cloud Platform"}),(0,f.jsx)(j,{current:b,type:d.NHN_ClOUD,href:"/platform/nhn-cloud",children:"NHN Cloud"}),(0,f.jsx)(j,{current:b,type:d.PUBLIC,href:"/platform/public",children:"공공 클라우드"})]})})})}},27553:function(a){a.exports={embla:"StoryList_embla__l4dCg",container:"StoryList_container__jgk6T",slide:"StoryList_slide__UF3b0",button:"StoryList_button__O1HAz"}},68913:function(a){a.exports={container:"StoryListItem_container__C4E95",logo:"StoryListItem_logo__P_seo",content:"StoryListItem_content__t_273",name:"StoryListItem_name__MEhl0",description:"StoryListItem_description___6gz4",prefixMore:"StoryListItem_prefixMore__r1Xl6",more:"StoryListItem_more__bkRig",btn:"StoryListItem_btn__eZUXZ",btnText:"StoryListItem_btnText__qGtkS"}}}])