https://cdn.inflearn.com/monolith/courses/_next/static/chunks/pages/course/[slug]-12b927985f985a82.js

1(self.webpackChunkhostApp_courses=self.webpackChunkhostApp_courses||[]).push([[5045],{3939:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return g}});var n=r(86843),i=r(64847),o=r(85371),l=r(2633),s=r(14694),a=r(57910);r(51343);let c=e=>{let{courseId:t}=e;return(0,a.z6j)({queryKey:[a.xE.CLIENT_V1_ROADMAP_COURSE_COURSEID(String(t))],url:a.xE.CLIENT_V1_ROADMAP_COURSE_COURSEID(String(t))})};var u=r(58375),d=r(84872),p=r(43093);function g(e){let{courseId:t}=e,{t:r}=(0,s.Bd)(),{data:a}=c({courseId:t});return(0,o.A)(a)?null:(0,l.A)(a.items)?null:(0,n.FD)(i.B,{gap:d.EP,py:40,children:[(0,n.Y)(p.W,{title:r("연관 로드맵"),description:r("강의가 포함된 로드맵으로 학습해 보세요!")}),(0,n.Y)(u.A,{roadmaps:a.items,controlsPosition:"topRight"})]})}},32903:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return h}});var n=r(86843),i=r(64847),o=r(28149),l=r(2633),s=r(85371),a=r(14694),c=r(40644),u=r(57910),d=r(51196),p=r(84872),g=r(43093);function h(e){let{courseId:t,skillTags:r,limit:h=20,isBot:m}=e,{t:f}=(0,a.Bd)(),w=r.map(e=>{let{id:t}=e;return t}),{lang:y}=(0,o.uU)(),{data:v}=(0,u.nXS)({queryKey:[u.xE.CLIENT_V1_COURSE_SKILLS],url:`${u.xE.CLIENT_V1_COURSE_SKILLS}?${c.A.stringify({skillIds:w.join(","),courseId:String(t),limit:h,lang:y,isBot:m})}`});return(0,s.A)(v)?null:(0,l.A)(v.items)?null:(0,n.FD)(i.B,{gap:p.EP,py:40,children:[(0,n.Y)(g.W,{title:f("비슷한 강의"),description:f("같은 분야의 다른 강의를 만나보세요!")}),(0,n.Y)(d.A,{courses:v.items,controlsPosition:"topRight",spot:"similar-skill"})]})}},39640:function(e,t,r){"use strict";r.d(t,{M:function(){return o}});var n=r(57910),i=r(72774);function o(e){let{options:t}=e;return(0,n._PQ)({queryKey:l(),url:n.xE.CLIENT_V1_CART,options:t})}let l=()=>[i.A]},49933:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return tK},default:function(){return tV}});var n=r(86843),i=r(82125),o=r(64847),l=r(41003),s=r(55802),a=r(28149);r(71372);var c=r(58606),u=r(25823),d=r(98128),p=r(62484),g=r(35811),h=r(98032),m=r(71455),f=r(17918),w=r(61102),y=r(30875),v=r(45749),Y=r(62076),C=r(25949),_=r(27584),I=r(12628),b=r(57910),E=r(53625),x=r(51343),S=r(96380),R=r(16518),T=r(63989),F=r(78451),A=r(20390),D=r(54442),L=r(76969),z=r(47278),P=r(26230),k=r(55738),M=r(23e3),N=r(35948),O=r(1293),B=r(60178),U=r(78330),K=r(59300),V=r.n(K),$=r(22050),W=r(35156);function G(e){let{opened:t,onClose:r,bestAnswers:i}=e,{trackCourseMixpanelEvent:a}=(0,k.h)(),[c,d]=(0,u.useState)(null),[p,g]=(0,u.useState)(null);(0,W.y)(c,200);let[h,m]=(0,u.useState)(780),f=(0,u.useRef)(null);return(0,u.useEffect)(()=>{t&&setTimeout(()=>{f.current&&m(f.current?.clientWidth-32)},0)},[t]),(0,u.useEffect)(()=>{let e=()=>{(0,u.startTransition)(()=>{f.current&&m(f.current?.clientWidth-32)})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[t]),(0,u.useEffect)(()=>{t&&a(P.Z.VIEW_BEST_COMMENT_MODAL,{best_comment_question_id:i.answers.map(e=>e.questionId),best_comment_question_view:i.answers.map(e=>e.questionViewCount),best_comment_id:i.answers.map(e=>e.answerId),best_comment_date:i.answers.map(e=>V()(e.answerCreatedAtUTC).format("YYYY-MM-DD HH:mm:ss"))})},[t]),(0,n.Y)(B.aF,{opened:t,onClose:()=>{a(P.Z.EXIT_BEST_COMMENT_MODAL,{best_comment_question_id:i.answers.map(e=>e.questionId),best_comment_question_view:i.answers.map(e=>e.questionViewCount),best_comment_id:i.answers.map(e=>e.answerId),best_comment_date:i.answers.map(e=>V()(e.answerCreatedAtUTC).format("YYYY-MM-DD HH:mm:ss")),best_comment_index:(p??0)+1}),g(null),r()},title:"커뮤니티",size:"xl",centered:!0,styles:{header:{padding:"20px 11px 16px 20px"},body:{paddingBottom:20}},children:(0,n.Y)(M.F,{onSlideChange:e=>{g(t=>{if(null!==t){let r=i.answers[t];a(P.Z.CLICK_BEST_COMMENT_NAVIGATION,{best_comment_question_id:r.questionId,best_comment_question_view:r.questionViewCount,best_comment_id:r.answerId,best_comment_date:V()(r.answerCreatedAtUTC).format("YYYY-MM-DD HH:mm:ss"),direction:t<e?"right":"left",current_position:t+1})}return e})},withControls:!0,nextControlIcon:(0,n.Y)(w.I,{icon:$.XkK,size:"sm"}),previousControlIcon:(0,n.Y)(w.I,{icon:$.Wzs,size:"sm"}),controlSize:36,controlsOffset:4,getEmblaApi:d,slideGap:10,slideSize:"calc(100% - 40px)",styles:{control:{"&[data-inactive]":{o

1pacity:0,cursor:"default"}}},emblaOptions:{align:"center"},children:i.answers.map((e,t)=>(0,n.Y)(M.F.Slide,{style:{width:"calc(100% - 40px)"},children:(0,n.Y)(U.Z,{component:"article",p:16,w:"100%",maw:h,styles:{root:{overflow:"auto",display:"flex",flexDirection:"column",borderRadius:8,border:`1px solid ${s.yK.gray[2]}`}},children:(0,n.FD)(O.o,{size:20,h:528,gradientPosition:{top:!0,bottom:!0},children:[(0,n.FD)(F.Y,{align:"center",gap:8,pb:16,children:[(0,n.Y)(l.s,{w:26,h:26,align:"center",justify:"center",style:{flexShrink:0,borderRadius:"32px"},children:(0,n.Y)(w.I,{icon:_.v6B,size:"sm",color:"gray.6"})}),(0,n.Y)(D.E,{fz:14,fw:600,c:"gray.7",children:e.questionTitle})]}),(0,n.Y)(y.a,{bg:"gray.0",p:"16px 20px",style:{borderRadius:"16px",flex:1},children:(0,n.FD)(o.B,{gap:12,children:[(0,n.FD)(F.Y,{align:"center",gap:8,children:[(0,n.Y)(A.e,{src:i.representativeInstructor.thumbnailUrl+"?w=52&f=avif",size:"md",radius:"xl"}),(0,n.FD)(o.B,{gap:0,children:[(0,n.Y)(D.E,{fz:14,fw:700,c:"gray.7",children:i.representativeInstructor.name}),(0,n.Y)(D.E,{fz:14,fw:400,c:"infgreen.7",children:"지식공유자"})]})]}),(0,n.Y)(y.a,{fz:16,fw:400,lh:1.7,c:"gray.9",children:(0,n.Y)(N.m,{html:e.answerBody})})]})})]})})},t))})})}let q=e=>{let{bestAnswers:t}=e,{isMobile:r}=(0,s.il)(),{trackCourseMixpanelEvent:i}=(0,k.h)(),[a,c]=(0,z.j)(),u=t.representativeInstructor,d=t.answers[0],p=r?"지식공유자가 함께 하는 학습 커뮤니티":`${u.name}님과 함께 하는 학습 커뮤니티`;return(0,n.FD)(n.FK,{children:[(0,n.FD)(o.B,{gap:16,children:[(0,n.Y)(F.Y,{align:"stretch",gap:8,children:(0,n.FD)(n.FK,{children:[(0,n.Y)(A.e,{src:u.thumbnailUrl+"?w=52&f=avif",alt:"profile image",radius:"xl",size:r?38:52,style:{border:`1px solid ${s.yK.infgreen[3]}`}}),(0,n.FD)(o.B,{gap:0,style:{flex:1},children:[(0,n.FD)(F.Y,{gap:2,children:[u.totalStudentCount>=300&&(0,n.FD)(n.FK,{children:[(0,n.FD)(D.E,{fz:r?12:14,fw:400,c:"gray.6",children:["누적 수강생 ",u.totalStudentCount.toLocaleString(),"명"]}),(0,n.Y)(D.E,{fz:r?12:14,fw:400,c:"gray.6",children:"･"})]}),(0,n.Y)(D.E,{fz:r?12:14,fw:400,c:"gray.6",children:"평균 1일이내 답변"})]}),(0,n.Y)(v.h,{order:3,fz:r?18:22,fw:700,c:"dark.9",children:p})]})]})}),(0,n.FD)(y.a,{bg:"white",style:{border:`1px solid ${s.yK.gray[3]}`,borderRadius:"16px"},children:[(0,n.FD)(F.Y,{align:"center",gap:8,p:20,children:[(0,n.Y)(l.s,{w:26,h:26,align:"center",justify:"center",style:{flexShrink:0,borderRadius:"32px"},children:(0,n.Y)(w.I,{icon:_.v6B,size:"sm",color:"gray.6"})}),(0,n.Y)(D.E,{fz:14,fw:600,c:"gray.7",style:{flex:1},children:d.questionTitle})]}),(0,n.FD)(l.s,{bg:"gray.0",p:20,gap:8,align:"flex-start",style:{borderRadius:"16px"},children:[(0,n.Y)(l.s,{w:26,h:26,align:"center",justify:"center",style:{flexShrink:0,borderRadius:"32px"},children:(0,n.Y)(w.I,{icon:_.qUw,size:"sm",color:"gray.6"})}),(0,n.FD)(o.B,{gap:4,children:[(0,n.Y)(F.Y,{align:"center",gap:4,children:(0,n.FD)(F.Y,{align:"center",gap:4,children:[(0,n.Y)(D.E,{fz:14,fw:500,c:"gray.7",children:u.name}),(0,n.Y)(D.E,{fz:12,fw:600,c:"infgreen.7",children:"지식공유자"})]})}),(0,n.Y)(L.g,{lineClamp:3,children:(0,n.Y)(D.E,{fz:16,fw:500,c:"gray.9",style:{wordBreak:"break-word"},children:function(e){if(!e)return"";let t=e.replace(/<code[^>]*>[\s\S]*?<\/code>/gi,"");return(t=(t=(t=(t=(t=t.replace(/<pre[^>]*>[\s\S]*?<\/pre>/gi,"")).replace(/<img[^>]*>/gi,"")).replace(/<\/?(p|div|br|h[1-6]|blockquote|ul|ol|li)[^>]*>/gi,"\n")).replace(/<[^>]*>/g,"")).replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"').replace(/&#39;/g,"'").replace(/&nbsp;/g," ")).replace(/\n\s*\n/g,"\n").replace(/^\s+|\s+$/g,"").trim()}(d.answerBody)})}),(0,n.FD)(F.Y,{align:"center",gap:12,pt:4,children:[(0,n.FD)(F.Y,{align:"center",gap:4,style:{borderRadius:"3.2px"},children:[(0,n.Y)(D.E,{fz:14,fw:500,c:"gray.7",children:"조회수"}),(0,n.Y)(D.E,{fz:14,fw:500,c:"gray.7",children:d.questionViewCount.toLocaleString()})]}),(0,n.Y)(f.M,{size:"sm",c:"gray.7",onClick:()=>{i(P.Z.CLICK_BEST_COMMENT),c.open()},style:{cursor:"pointer"}

1,children:(0,n.FD)(F.Y,{align:"center",gap:4,children:[(0,n.Y)(D.E,{fz:14,fw:500,c:"gray.7",children:"답변 전문보기"}),(0,n.Y)(w.I,{icon:_.vmR,size:"sm",color:"gray.7"})]})})]})]})]})]})]}),(0,n.Y)(G,{opened:a,onClose:()=>{c.close()},bestAnswers:t})]})};var H=r(22924),j=r(20976),Z=r(32172),X=r(74396),J=r(18121),Q=r(2633),ee=r(88588),et=r(31378),er=r(878),en=r(8061),ei=r(15178),eo=r(94883);let el=e=>{let{bestReviews:t,courseId:r}=e,{t:i}=(0,I.useTranslation)(),{lang:c}=(0,a.uU)(),{isMobile:d}=(0,s.il)(),{data:p}=(0,ee.gb)(String(r)),{isMonetization:g}=eT(),h=e=>(0,en.F)(e.isExperienceGroup,g),{trackCourseMixpanelEvent:m}=(0,k.h)(),f=(0,u.useMemo)(()=>t.slice(0,3),[t]),Y=(0,u.useMemo)(()=>p?.averageStar?p.averageStar:0===t.length?0:t.reduce((e,t)=>e+t.reviewRating,0)/t.length,[p,t]);return 0===t.length||0===f.length?null:(0,n.FD)(o.B,{gap:0,children:[(0,n.FD)(y.a,{p:20,css:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:4,borderRadius:"8px"},children:[(0,n.Y)(D.E,{size:"md",fw:400,c:"gray.6",lh:1.3,children:i("먼저 경험한 수강생들의 후기")}),(0,n.FD)(F.Y,{gap:6,align:"center",children:[(0,n.Y)(H.G,{value:Y,fractions:2,readOnly:!0,size:d?"sm":"md"}),(0,n.Y)(v.h,{order:3,fz:d?20:24,fw:700,c:"dark.9",lh:1.3,children:Y.toFixed(1)})]})]}),(0,n.FD)(o.B,{gap:0,px:0,children:[f.map(e=>(0,n.Y)(y.a,{py:20,css:{"&:not(:last-child)":{borderBottom:`1px solid ${s.yK.gray[1]}`}},children:(0,n.FD)(o.B,{gap:10,children:[(0,n.FD)(l.s,{gap:8,align:"center",wrap:"wrap",children:[h(e)?(0,n.Y)(er.L,{}):null,(0,n.FD)(F.Y,{gap:2,align:"center",children:[(0,n.Y)(w.I,{icon:_.yy,color:"yellow.6",size:"sm"}),(0,n.Y)(D.E,{size:"sm",fw:700,c:"dark.9",lh:1.3,children:e.reviewRating.toFixed(1)})]}),(0,n.Y)(D.E,{size:"xs",fw:500,c:"gray.6",lh:1.5,children:e.author.name}),(0,n.Y)(j.E,{variant:"light",size:"md",color:"gray",radius:"xl",children:i("{{Number(review.lectureProgress).toFixed(0)}}% 수강 후 작성",{"Number(review.lectureProgress).toFixed(0)":Number(e.courseProgress).toFixed(0)})})]}),(0,n.Y)(y.a,{children:(0,n.Y)(Z.d,{maxHeight:81,showLabel:i("더보기"),hideLabel:i("숨기기"),initialState:!1,children:(0,n.Y)(ei.H,{id:e.id,isTranslated:e.originalLanguage!==e.contentLanguage,children:t=>{let{originalContent:r,isLoading:i}=t;return(0,n.FD)(J.Kg.Root,{lang:c,styles:{content:{whiteSpace:"pre-wrap",wordBreak:"break-word",overflowWrap:"break-word",color:"gray.9",lineHeight:1.7,fontSize:16}},originalLang:e.originalLanguage,translatedLang:e.contentLanguage,children:[(0,n.Y)(J.Kg.Content,{visibleSkeleton:i,originalContent:r,translatedContent:e.unescapedReviewContent}),(0,Q.A)(r)&&(0,Q.A)(e.unescapedReviewContent)?null:(0,n.Y)(J.Kg.Button,{})]})}})})})]})},e.id)),p?.totalCount!==void 0&&p.totalCount>0&&(0,n.Y)(y.a,{pt:16,children:(0,n.Y)(X.$,{variant:"default",size:"md",color:"infgreen",radius:"md",fullWidth:!0,onClick:()=>{let e=document.getElementsByClassName(E.tR.REVIEWS)[0];e&&(0,et.A)(e),m(P.Z.CLICK_VIEW_ALL_REVIEWS)},styles:{root:{border:`1px solid ${s.yK.gray[4]}`}},children:i("전체 수강평 보기 ({{totalCount}}개)",{totalCount:(0,eo.Z)(p.totalCount)})})})]})]})};var es=r(90135),ea=r(49263),ec=r(38326),eu=()=>(0,n.Y)(j.E,{ml:8,styles:{root:{flex:"none"}},variant:"light",color:"gray",size:"md",radius:"xl",children:(0,n.Y)(w.I,{icon:_.vJC,size:"2xs"})});let ed=e=>{let{review:t,onClickMore:r}=e,i=(0,u.useRef)(null);return(0,n.FD)(U.Z,{w:"100%",component:"button",onClick:()=>{r(t)},p:16,styles:{root:{textAlign:"start",borderRadius:8,border:`1px solid ${s.yK.gray[2]}

1`,cursor:"pointer",":hover":{backgroundColor:s.yK.gray[1]}}},children:[(0,n.Y)(ep,{review:t}),(0,n.Y)(y.a,{h:63,children:(0,n.Y)(L.g,{lineClamp:3,children:(0,n.Y)(D.E,{ref:i,fz:14,lh:1.5,styles:{root:{whiteSpace:"pre-wrap",color:s.yK.gray[9]}},children:t.unescapedReviewContent})})})]},`${t.author.name}-${t.createdAt}`)},ep=e=>{let{review:t}=e,{t:r}=(0,I.useTranslation)(),{lang:i}=(0,a.uU)(),{isCourseInstructor:o,isAdmin:s,isMonetization:c}=eT(),u=(0,en.F)(t.isExperienceGroup,c);return(0,n.FD)(n.FK,{children:[(0,n.Y)(l.s,{mb:8,gap:8,children:(0,n.FD)(l.s,{w:"100%",align:"center",justify:"space-between",children:[(0,n.FD)(l.s,{gap:8,children:[(0,n.Y)(L.g,{lineClamp:1,children:(0,n.Y)(D.E,{fw:500,fz:14,lh:1.4,style:{flexShrink:1},c:"gray.9",children:t.author.name})}),(0,n.FD)(D.E,{fz:14,c:"gray.6",lh:1.4,styles:{root:{flexShrink:0}},children:[r("수강평 {{userCourseReviewCount}}",{userCourseReviewCount:t.author.totalReviewCount.toLocaleString(i)})," ","･",r("평균 평점 {{userRatingAverage}}",{userRatingAverage:t.author.averageReviewRating.toFixed(1)})]})]}),(o||s)&&t.isPinned&&(0,n.Y)(eu,{})]})}),(0,n.FD)(l.s,{gap:4,mb:2,align:"center",children:[u?(0,n.Y)(er.L,{}):null,(0,n.Y)(H.G,{readOnly:!0,value:t.reviewRating}),(0,n.Y)(D.E,{fz:16,children:t.reviewRating.toFixed(1)}),(0,n.Y)(j.E,{variant:"light",size:"md",color:"gray",radius:"xl",children:r("{{Number(review.lectureProgress).toFixed(0)}}% 수강 후 작성",{"Number(review.lectureProgress).toFixed(0)":Number(t.courseProgress).toFixed(0)})})]})]})};var eg=r(99157);let eh=e=>{let{reviews:t,targetReview:r,opened:i,onClose:o}=e,{t:l}=(0,I.useTranslation)(),{lang:c}=(0,a.uU)(),{isMobile:u}=(0,s.il)(),{trackCourseMixpanelEvent:d}=(0,k.h)();return(0,n.Y)(eg.Q,{reviews:t,targetReview:r,opened:i,onClose:o,title:l("함께 성장한 수강생들의 후기"),onSlideChange:e=>{let r=t[e];d(P.Z.VIEW_BEST_REVIEW_MODAL,{review_id:r.id,review_description:r.reviewContent,review_score:r.reviewRating,review_user_id:r.author.id,review_user_name:r.author.name,user_review_count:r.author.totalReviewCount,user_review_score:r.author.averageReviewRating,progress:r.courseProgress,current_position:e,pinned_review_ids:t.filter(e=>e.isPinned).map(e=>e.id)})},renderSlideContent:e=>(0,n.FD)(n.FK,{children:[(0,n.Y)(ep,{review:e}),(0,n.Y)(ei.H,{id:e.id,isTranslated:e.originalLanguage!==e.contentLanguage,children:t=>{let{originalContent:r,isLoading:i}=t;return(0,n.FD)(J.Kg.Root,{lang:c,styles:{content:{whiteSpace:"pre-wrap",wordBreak:"break-word",overflowWrap:"break-word",color:"gray.9",lineHeight:1.7,marginBottom:12,fontSize:u?14:16}},originalLang:e.originalLanguage,translatedLang:e.contentLanguage,children:[(0,n.Y)(J.Kg.Content,{visibleSkeleton:i,originalContent:r,translatedContent:e.unescapedReviewContent}),(0,Q.A)(r)&&(0,Q.A)(e.unescapedReviewContent)?null:(0,n.Y)(J.Kg.Button,{})]})}})]})})},em=(e,t)=>e.reduce((e,r,n)=>{let i=Math.floor(n/t);return e[i]||(e[i]=[]),e[i].push(r),e},[]),ef=e=>{let{reviews:t}=e,{trackCourseMixpanelEvent:r}=(0,k.h)(),[i,o]=(0,u.useState)(void 0),[l,a]=(0,z.j)(!1),[c,d]=(0,u.useTransition)(),p=()=>{a.close(),d(()=>{o(void 0)})},g=e=>{o(e),a.open(),r(P.Z.CLICK_BEST_REVIEW_CARD,{review_id:e.id,review_description:e.reviewContent,review_score:e.reviewRating,review_user_id:e.author.id,review_user_name:e.author.name,user_review_count:e.author.totalReviewCount,user_review_score:e.author.averageReviewRating,progress:e.courseProgress,is_pinned_review:e.isPinned})};if(1===t.length){let e=t[0];return(0,n.FD)(y.a,{children:[(0,n.Y)(ed,{review:e,onClickMore:()=>g(e)}),(0,n.Y)(eh,{reviews:t,targetReview:i,opened:l,onClose:p})]})}return(0,n.FD)(n.FK,{children:[(0,n.Y)(ea.zh,{styles:{display:"none"},largerThan:s.Ao.mobile,children:(0,n.Y)(y.a,{mx:-16,children:(0,n.Y)(ey,{reviews:t,handleClickMore:g})})}),(0,n.Y)(ea.zh,{styles:{display:"none"},smallerThan:s.Ao.mobile,children:(0,n.Y)(y.a,{children:(0,n.Y)(ew,{reviews:t,handleClickMore:g})})}),(0,n.Y)(eh,{reviews:t,targetReview:i,opened:l,onClose:p})]})},ew=e=>{let{reviews:t,handleClickMore:r}=e,i=(0,u.useMemo)(()=>em(t,4),[t]),o=1===i.length,{trackCourseMixpanelEvent:s}=(0,k.h)();return(0,n.Y)(ec.t,{onScrollButtonClick:e=>{s(P.Z.CLICK_BEST_REVIEW_NAVIGATION,{review_ids:t.map(e=>e.id),review_descriptions:t.map(e=>e.reviewContent),view_type:"PC",direction:e,is_pinned_review:t.some(e=>e.isPinned),current_position:"right"===e?1:2,total_reviews:t.length})},tableMode:!1,leftButton:(0,n.Y)(es.M_,{type:"button",variant:"default",size:"n-sm",radiu

1s:"xl",color:"gray",children:(0,n.Y)(w.I,{icon:$.Wzs})}),rightButton:(0,n.Y)(es.M_,{type:"button",variant:"default",size:"n-sm",radius:"xl",color:"gray",children:(0,n.Y)(w.I,{icon:$.XkK})}),buttonOffset:0,size:20,children:(0,n.Y)(l.s,{gap:8,children:i.map((e,t)=>(0,n.Y)(l.s,{component:"ul",w:o?"100%":"calc(100% - 20px)",styles:{root:{flexWrap:"wrap",flexShrink:0}},gap:8,children:e.map(e=>(0,n.Y)(y.a,{component:"li",w:"calc(50% - 4px)",children:(0,n.Y)(ed,{review:e,onClickMore:r})},`${e.createdAt}-${e.author.name}-desktop`))},`reviews-${t}-desktop`))})})},ey=e=>{let{reviews:t,handleClickMore:r}=e,[i,o]=(0,u.useState)(0),[s,a]=(0,u.useState)(0),c=(0,u.useMemo)(()=>em(t,2),[t]),{trackCourseMixpanelEvent:d}=(0,k.h)();return(0,u.useEffect)(()=>{i!==s&&d(P.Z.CLICK_BEST_REVIEW_NAVIGATION,{review_ids:t.map(e=>e.id),review_descriptions:t.map(e=>e.reviewContent),view_type:"MOBILE",is_pinned_review:t.some(e=>e.isPinned),direction:i<s?"right":"left",current_position:s+1,total_reviews:t.length})},[i,s]),(0,n.Y)(M.F,{withControls:!1,nextControlIcon:(0,n.Y)(w.I,{icon:$.XkK,size:"sm"}),previousControlIcon:(0,n.Y)(w.I,{icon:$.Wzs,size:"sm"}),controlSize:38,onSlideChange:e=>{o(t=>(a(t),e))},slideSize:344,emblaOptions:{align:"start",loop:!0},children:c.map((e,t)=>(0,n.Y)(M.F.Slide,{children:(0,n.Y)(l.s,{gap:8,direction:"column",pl:i===t?16:8,children:e.map(e=>(0,n.Y)(y.a,{w:328,children:(0,n.Y)(ed,{review:e,onClickMore:r})},`${e.createdAt}-${e.author.name}-mobile`))})},`reviews-${t}-mobile`))})},ev=e=>{let{reviews:t}=e;return(0,n.Y)(ef,{reviews:t})};var eY=r(63528),eC=r(7456),e_=r(98670),eI=r(27736),eb=r(29460),eE=r(39607),ex=r(50126),eS=r(94400);let eR=(0,u.createContext)(null),eT=(0,S.A)(eR,"CourseContentsProvider"),eF=e=>{let{children:t,contents:r,curriculum:i,id:o,hasUserEditPermission:l,hasVoucher:s,bestReviews:a,bestAnswers:c,isCourseInstructor:d,isAdmin:p,isMonetization:g=!1,isMooc:h=!1}=e,m=(0,u.useMemo)(()=>({bestReviews:a,bestAnswers:c,contents:r,curriculum:i,id:o,hasUserEditPermission:l,hasVoucher:s,isContentsBuilderType:r?.editorType===b.TlS.BUILDER,isCourseInstructor:d,isAdmin:p,isMonetization:g,isMooc:h}),[a,c,r,i,o,l,s,d,p,g,h]);return(0,n.Y)(eR.Provider,{value:m,children:t})},eA=e=>{let{children:t,...r}=e;return(0,n.Y)(eF,{...r,children:(0,n.Y)(o.B,{gap:56,children:t})})};eA.MonetizationAlert=()=>{let{isMonetization:e,hasVoucher:t}=eT();return(0,n.Y)(eY.y,{courseType:E.F8.ONLINE,isMonetization:e,hasVoucher:t})};let eD=()=>{let{t:e}=(0,I.useTranslation)(),{isCourseInstructor:t,id:r,bestReviews:i}=eT();return i.length>0&&t?(0,n.Y)(l.s,{align:"center",justify:"flex-end",children:(0,n.Y)(a.fn,{children:(0,n.FD)(f.M,{fw:500,size:"sm",c:"gray.6",href:x.tl.INSTRUCTOR_REVIEWS_COURSE_ID({courseId:r}),target:"_self",styles:{root:{gap:4,display:"flex",alignItems:"center"}},children:[e("수강평 관리"),(0,n.Y)(w.I,{icon:_.vmR,size:"sm",color:"gray.6"})]})})}):null};eA.BestReviewSection=e=>{let{children:t}=e,{bestReviews:r,id:i}=eT();return 0===r.length?(0,n.Y)(n.FK,{children:t}):(0,n.FD)(o.B,{gap:16,children:[(0,n.Y)(eD,{}),t,(0,n.FD)(y.a,{children:[(0,n.Y)(y.a,{css:(0,m.css)({display:"block",[s.fC.tablet]:{display:"none"}}),children:(0,n.Y)(ev,{reviews:r})}),(0,n.Y)(y.a,{css:(0,m.css)({display:"none",[s.fC.tablet]:{display:"block"}}),children:(0,n.Y)(el,{bestReviews:r,courseId:i})})]})]})},eA.BestAnswerSection=()=>{let{bestAnswers:e}=eT();return e&&0!==e.answers.length?(0,n.Y)(q,{bestAnswers:e}):null},eA.Body=()=>{let{contents:e,isContentsBuilderType:t}=eT(),r=(0,u.useRef)(null);(0,u.useEffect)(()=>{let e=C.MonitoringService.getInstance();e.datadog.getGlobalContext()?.contentType||e.datadog.setGlobalContextProperty("contentType",t?"builder":"editor")},[t]);let i=(0,u.useMemo)(()=>(0,R.s)(e.body),[e]);return(0,n.Y)(y.a,{css:{width:"100%",maxWidth:"100%",overflowX:"hidden"},ref:r,children:t?(0,n.Y)(y.a,{"data-editor":"",dangerouslySetInnerHTML:{__html:i}}):(0,n.Y)(eE.A,{body:i})})},eA.Curriculum=()=>{let{t:e}=(0,I.useTranslation)(),{curriculum:t,id:r,hasUserEditPermission:i,hasVoucher:o,isMooc:l}=eT(),{isMobile:a}=(0,s.il)();return(0,n.Y)(T.A,{title:(0,n.Y)(v.h,{order:2,size:a?"h4":"h3",className:E.tR.CURRICULUM,children:e("커리큘럼")}),courseId:r,courseType:E.F8.ONLINE,curriculum:t,hasUserEditPermission:i,accordionOpenLimit:3,hasVoucher:o,isMooc:l})},eA.RecommendTo=()=>{let{contents:e}=eT();return(0,n.FD)(o.B,{gap:16,children:[(0,n.Y)(eS.A,{targets:e.targets,based:e.based}),(0,n.Y)(Y.c,{variant:"solid",color:"gray.3",w:"100%",my:8})]})}

1,eA.Instructors=()=>{let{contents:e}=eT();return 0===e.mainInstructors.length?null:(0,n.Y)(eb.i,{mainInstructors:e.mainInstructors})},eA.Review=()=>{let{id:e,isMonetization:t}=eT();return(0,n.Y)(e_.A,{courseId:e,isMonetization:t})},eA.Abilities=e=>{let{hiddenTitle:t=!1}=e,{contents:r}=eT();return r.abilities.length?(0,n.Y)(ex.A,{variant:"goal",list:r.abilities,hiddenTitle:t}):null},eA.AbilitiesGoalTitle=()=>{let{t:e}=(0,I.useTranslation)(),{contents:t}=eT();return t.abilities.length?(0,n.Y)(v.h,{translate:"no",order:3,size:"h3",c:"dark.9",styles:{root:{[s.fC.mobile]:{fontSize:"18px"}}},children:e("강의상세_배울수있는것_타이틀")}):null},eA.PreviewSection=eC.A,eA.UpdateDate=()=>{let{contents:e}=eT();return(0,n.Y)(eI.A,{publishedAt:e.publishedAtUTC||"",lastUpdatedAt:e.lastUpdatedAtUTC})};var eL=r(67931),ez=r.n(eL),eP=r(8184);function ek(e){let{children:t,onImpressionStart:r,onImpressionEnd:i,timeThreshold:o=0,areaThreshold:l=0,triggerOnce:s=!1,rootMargin:a}=e,c=(0,u.useRef)(null),d=(0,u.useRef)(!1),{ref:p}=(0,eP.Wx)({threshold:l,onChange:e=>{e?(c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{d.current||(d.current=!0,r?.())},o)):(c.current&&(clearTimeout(c.current),c.current=null),d.current&&(d.current=!1,i?.()))},triggerOnce:s,rootMargin:a});return(0,u.useEffect)(()=>()=>{c.current&&clearTimeout(c.current)},[]),(0,n.Y)("div",{ref:p,children:t})}function eM(e){let{children:t,...r}=e,[i,o]=(0,u.useState)(!1);return(0,n.Y)(ek,{onImpressionStart:()=>o(!0),...r,children:t({isInView:i})})}var eN=r(62667),eO=r(20846),eB=r(71532),eU=r(32903),eK=r(3939);let eV=ez()(()=>Promise.resolve().then(r.bind(r,71532)),{loadableGenerated:{webpack:()=>[71532]},ssr:!1}),e$=ez()(()=>Promise.resolve().then(r.bind(r,32903)),{loadableGenerated:{webpack:()=>[32903]},ssr:!1}),eW=ez()(()=>Promise.resolve().then(r.bind(r,20846)),{loadableGenerated:{webpack:()=>[20846]},ssr:!1}),eG=ez()(()=>Promise.resolve().then(r.bind(r,3939)),{loadableGenerated:{webpack:()=>[3939]},ssr:!1});function eq(e){let{courseId:t,instructor:r,skillTags:i,relatedChallengeCourse:o,isBot:l}=e;return(0,n.FD)(eN.A,{children:[r&&o&&o.length>0&&(0,n.Y)(a.fn,{children:l?(0,n.Y)(eB.default,{courseId:t,instructor:r,relatedChallengeCourse:o}):(0,n.Y)(eM,{rootMargin:"1500px 0px 1500px 0px",children:e=>{let{isInView:i}=e;return i?(0,n.Y)(eV,{courseId:t,instructor:r,relatedChallengeCourse:o}):null}})}),r?l?(0,n.Y)(eO.default,{courseId:t,instructor:r}):(0,n.Y)(eM,{rootMargin:"1500px 0px 1500px 0px",children:e=>{let{isInView:i}=e;return i?(0,n.Y)(eW,{courseId:t,instructor:r}):null}}):null,l?(0,n.Y)(eU.default,{courseId:t,skillTags:i,isBot:l}):(0,n.Y)(eM,{rootMargin:"1500px 0px 1500px 0px",children:e=>{let{isInView:r}=e;return r?(0,n.Y)(e$,{courseId:t,skillTags:i,isBot:l}):null}}),(0,n.Y)(a.fn,{children:l?(0,n.Y)(eK.default,{courseId:t}):(0,n.Y)(eM,{rootMargin:"1500px 0px 1500px 0px",children:e=>{let{isInView:r}=e;return r?(0,n.Y)(eG,{courseId:t}):null}})})]})}var eH=r(7017),ej=r(43537),eZ=r(13378);let eX=e=>{let t=Math.floor(e/86400),r=Math.floor(e%86400/3600),n=Math.floor(e%3600/60);return`P${t?`${t}D`:""}T${r?`${r}H`:""}${n?`${n}M`:""}`},eJ=e=>{let{response:t,slug:r,curriculums:i}=e,o={"@context":"https://schema.org","@type":"Course",name:t.title,description:`${t.skillTags.slice(0,2).map(e=>e.title).join(", ")} 스킬을 학습할 수 있는 ${t.category.main.title} 강의를 인프런에서 만나보세요.`,publisher:t.instructors[0]?{"@type":"Organization",name:t.instructors[0].name,url:x.tl.PROFILE(t.instructors[0])}:void 0,instructor:t.instructors[0]?{"@type":"Person",name:t.instructors[0].name,url:x.tl.PROFILE(t.instructors[0])}:void 0,offers:[{"@type":"Offer",price:t.paymentInfo.krwPaymentPrice,priceCurrency:"KRW",url:x.tl.COURSE_DETAIL({slug:r,cid:`${t.id}`}),category:0===t.paymentInfo.krwPaymentPrice?"Free":"Paid"}],provider:{"@type":"Organization",name:"(주)인프랩",url:ej.z6},hasCourseInstance:i?.sections?.flatMap(e=>e.units).map(e=>({"@type":"CourseInstance",name:e.title,courseMode:"Online",courseWorkload:eX(e.runtime??0)})),teaches:t.skillTags.map(e=>e.title),about:t.skillTags.map(e=>e.subTitle),datePublished:(0,eZ.y)(t.publishedAt).format("YYYY-MM-DD"),availableLanguage:eH.c,...t.review.isShowing&&t.review.count>0&&{aggregateRating:{"@type":"AggregateRating",ratingValue:t.review.averageStar,reviewCount:t.review.count,ratingCount:t.review.count}}};return(0,n.Y)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(o)}})};var eQ=r(96250),e0=r(18965);let e1=10/34,e3={desktop:{default:34,active:38},mobile:{default:30,active:36}};function e2(e){let{curationList:t}=e;return(0,n.FD)(y.a,{children:[(0,n.Y)(y.a,{css:td,children:(0,n.Y)(e6,{curationList:t,

1isMobile:!1})}),(0,n.Y)(y.a,{css:tp,children:(0,n.Y)(e6,{curationList:t,isMobile:!0})})]})}function e6(e){let{curationList:t,isMobile:r}=e,{circles:i,maxVisible:o}=function(e){let t=Math.min(5,e),[r,n]=(0,u.useState)(()=>(function(e){let t=Math.min(5,e);return Array.from({length:t},(e,r)=>({id:r,itemIndex:t-1-r,slot:r}))})(e)),i=(0,u.useRef)(t),o=(0,u.useRef)(t);return(0,u.useEffect)(()=>{if(e<=1)return;let r=setInterval(()=>{n(r=>{let n=r.map(e=>({...e,slot:e.slot+1})).filter(e=>e.slot<t),l={id:i.current,itemIndex:o.current%e,slot:0};return i.current+=1,o.current+=1,[l,...n]})},2e3);return()=>clearInterval(r)},[e,t]),{circles:r,maxVisible:t}}(t.length),l=function(e){let{isMobile:t,maxVisible:r}=e,n=t?e3.mobile:e3.desktop,i=Math.round(n.default*e1),o=n.default-i;return(0,u.useMemo)(()=>{let e=r-1,i=(n.active-n.default)/2;function l(r){let n=t?(e-r)*o:r*o;return t&&r!==e?n+i:n}let s=e*o+n.default,a=t?s+i:s,c=l(0),u=l(e);return{getSlotX:l,totalWidth:a,entryX:t?c:c-o,exitX:t?u:u+15,sizes:n,step:o,reverse:t}},[t,o,n.default,r])}({isMobile:r,maxVisible:o}),s=i.find(e=>e.slot===o-1),a=s?t[s.itemIndex%t.length]:t[0];return(0,n.Y)(y.a,{css:tr,children:(0,n.FD)(y.a,{css:r?ti:tn,children:[(0,n.Y)(e5,{circles:i,curationList:t,layout:l,maxVisible:o}),(0,n.Y)(e9,{activeItem:a,isMobile:r})]})})}let e8={type:"tween",duration:.5,ease:[.4,0,.2,1]},e4={duration:.2,ease:"easeIn"};function e5(e){let{circles:t,curationList:r,layout:i,maxVisible:o}=e,{sizes:l}=i;return(0,n.Y)(y.a,{css:to,style:{width:i.totalWidth,height:l.active},children:(0,n.Y)(eQ.N,{children:t.map(e=>{let t=r[e.itemIndex%r.length],s=e.slot===o-1?l.active:l.default;return(0,n.Y)(e0.P.div,{initial:{x:i.entryX,width:l.default,height:l.default,opacity:0},animate:{x:i.getSlotX(e.slot),width:s,height:s,opacity:1},exit:{x:i.exitX,width:l.default,height:l.default,opacity:0,transition:e4},transition:e8,css:tl,style:{zIndex:e.slot+1,translateY:"-50%"},children:(0,n.Y)("img",{src:t.iconUrl,alt:t.company,css:ts})},e.id)})})})}let e7={duration:.4,ease:"easeInOut"};function e9(e){let{activeItem:t,isMobile:r}=e;return(0,n.FD)(F.Y,{gap:4,wrap:"nowrap",styles:{root:r?tu:void 0},children:[(0,n.Y)(te,{value:t.company,children:(0,n.Y)(D.E,{fw:700,fz:14,c:"infgreen.8",children:t.company})}),(0,n.Y)(te,{value:tt(t.type),children:(0,n.Y)(D.E,{fw:600,fz:14,c:"gray.7",children:tt(t.type)})})]})}function te(e){let{value:t,children:r}=e;return(0,n.Y)(y.a,{css:ta,children:(0,n.Y)(eQ.N,{initial:!1,children:(0,n.Y)(e0.P.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0,position:"absolute",top:0,left:0},transition:e7,css:tc,children:r},t)})})}function tt(e){return"VERIFIED"===e?"임직원들도 이 강의를 듣고 있어요!":"에 관심있는 사람들도 듣는 중!"}let tr=(0,m.css)({position:"relative",isolation:"isolate",padding:"10px 20px",borderRadius:8,border:"1px solid #E9ECEF"}),tn=(0,m.css)({display:"flex",alignItems:"center",justifyContent:"center",gap:8}),ti=(0,m.css)({display:"flex",flexDirection:"column",alignItems:"center",gap:8}),to=(0,m.css)({position:"relative",flexShrink:0,display:"flex",alignItems:"center"}),tl=(0,m.css)({position:"absolute",left:0,top:"50%",borderRadius:"50%",overflow:"hidden",boxSizing:"border-box",border:"2px solid #FFFFFF",backgroundColor:"#FFFFFF",willChange:"transform, opacity"}),ts=(0,m.css)({width:"100%",height:"100%",objectFit:"cover",borderRadius:"50%"}),ta=(0,m.css)({position:"relative",overflow:"hidden"}),tc=(0,m.css)({whiteSpace:"nowrap"}),tu=(0,m.css)({justifyContent:"center"}),td=(0,m.css)({display:"block",[s.fC.tablet]:{display:"none"}}),tp=(0,m.css)({display:"none",[s.fC.tablet]:{display:"block"}});var tg=r(69221),th=r(88171),tm=r(14694),tf=r(35511),tw=r(55477),ty=r(18148),tv=r(41211);let tY=(e,t)=>[b.xE.CLIENT_V1_COURSE_COURSEID_META(e),t];var tC=r(82008),t_=r(10199),tI=r(64276),tb=r(297),tE=r(48003),tx=r(73323),tS=r(97624),tR=r(55457);let tT=(e,t)=>(0,b.gz5)({queryKey:tF(e),url:tA(e),options:{...t,enabled:!!e&&(t?.enabled??!0)}}),tF=e=>[b.xE.CLIENT_V1_INSTITUTIONS_CURATION,e],tA=e=>(0,x.t9)(b.xE.CLIENT_V1_INSTITUTIONS_CURATION,{courseId:e});var tD=r(38512),tL=r(39640),tz=r(35508);let tP=e=>[b.xE.CLIENT_V1_COURSE_COURSEID_RELATED_CHALLENGE_COURSE(e),e];var tk=r(98624),tM=r(12741),tN=r(61884),tO=r(37584),tB=r(36534),tU=r(80963),tK=!0;function tV(e){return e.accessDenied?(0,n.Y)(d.O,{}):(0,n.Y)(t$,{...e})}function t$(e){let{faceBookViewContentEventId:t,isBot:r,url:i,hackle:o}=e,{title:l,description:s,accessInfo:c,ogUrl:u,ogTitle:d,ogDescription:g}=function(e){let{isBot:t,url:r}=e,{queryString:n}=(0,t_.J)(),i=!!n.couponCode,{encodedSlugFromUrl:o}=(0,tf.n)(),{data:l}=(0,ty.A)(o),{data:s}=(0,tC.Ay)({courseId:l?.id}),c=!!l?.id,{data:u}=(0,tv.B2)({courseId:l?.id,options:{enabled:c}}),{t:d}=(0,tm.Bd)(),{data:p}=function(e){let{courseId:t,options:r}=e,{lang:n}=(0,a.uU)();return(0,b.WyI)({queryKey:tY(t,n),url:b.xE.CLIENT_V1_COURSE_COURSEID_META(t),options:r})}({courseId:String(l?.id),options:{enabled:c}}),g=s?.paymentInfo.type==="FREE"?d("[지금 무료]"):"",h=s?.instructors[0]?.name||"",m=d("메타.강의상세.제목",{courseFreeText:g,"onlineInfo.title":s?.title,firstInstructorName:h}),f=d("메타.강의상세.OG제목",{courseFreeText:g,"onlineInfo.title":s?.title,firstInstructorName:h}),w=d("메타.강의상세.설명",{firstInstructorName:h,"deleteTagInBody(meta?.description || '')":(0,tw.n)(p?.description||""),"deleteTagInBody(contents?.body)":(0,tw.n)(u?.body)}),y=Number(s?.review.averageStar||0),v=Number(s?.studentCount||0),Y=y>3&&Number(s?.review.count)>=3,C=v>=100,_=Y&&C?d("현재 평점 {{reviewInfo}}점 수강생 {{studentsCount}}명인 강의를 만나보세요.",{reviewInfo:y.toFixed(1),studentsCount:v.toLocaleString()})+"\n":Y?d("현재 평점 {{reviewInfo}}점인 강의를 만나보세요.",{reviewInfo:y.toFixed(1)})+"\n":C?d("현재 수강생 {{studentsCount}}명인 강의를 만나보세요.",{studentsCount:v.toLocaleString()})+"\n":"",I=`${u?.abilities?.map(e=>`${e}`).join(", ")}`||w,E=d("메타.강의상세.OG설명",{studentsSection:_,summarySection:p?.description?p.description.replace(/\n+/g," ")+"\n":"",abilitiesSection:I});return t&&i?{title:d(`{{instructorName}}님이 선물하는 할인쿠폰`,{instructorName:h}),description:s?.title,accessInfo:l,ogUrl:r,ogTitle:f,ogDescription:E}:{title:m,description:w,accessInfo:l,ogTitle:f,ogDescription:E}}({isBot:r,url:i}),m=(0,tB.PN)(c?.id);return l&&s&&c?(0,n.FD)(n.FK,{children:[(0,n.Y)(tg.A,{title:l,description:s,accessInfo:c,indexedPageName:"about",ogUrl:u,ogTitle:d,ogDescription:g}),(0,n.Y)(p.q,{decisions:{[tO.hv]:o.decision},exposureProperties:{[tO.hv]:m},children:(0,n.Y)(h.R,{children:(0,n.Y)(tW,{faceBookViewContentEventId:t,isBot:r})})})]}):null}function tW(e){let{faceBookViewContentEventId:t,isBot:r}=e,s=(0,c.useRouter)(),{encodedSlugFromUrl:u}=(0,tf.n)(),{data:d}=(0,ty.A)(u),{attributionToken:p}=(0,tN.c)(),{trackCourseMixpanelEvent:h}=(0,k.h)();(0,tU.Q)({onScroll:e=>{h(P.Z.SCROLL_COURSE_SDP_DEPTH,{depth_percent:e})}}),(0,tL.M)({});let m=!!d?.id,{data:f}=(0,tv.B2)({courseId:d?.id,options:{enabled:m}}),{curriculum:w}=(0,tz.Ay)({courseId:d?.id,courseType:E.F8.ONLINE,originalCourseId:null}),{data:y}=(0,tC.Sx)({courseId:d?.id}),{data:v}=(0,tk.G)({courseId:String(d?.id),options:{enabled:m}}),{data:Y,isLoading:C}=(0,tx.xc)(),{data:_}=(0,tD.gQ)(String(d?.id),{enabled:!!d?.id}),{data:I}

1=function(e){let{courseId:t,options:r}=e;return(0,b.G6s)({queryKey:tP(t),url:b.xE.CLIENT_V1_COURSE_COURSEID_RELATED_CHALLENGE_COURSE(t),options:r})}({courseId:String(d?.id),options:{enabled:!!d?.id}}),{data:x}=(0,tI.m)({paymentInfo:y?.paymentInfo}),S="ko"===s.locale,{data:R}=tT(d?.id??0,{enabled:m&&S&&!y?.isMonetization}),T=_?.bestReviews?.filter(e=>e.isPinned).map(e=>e.id)??[],{queryString:F}=(0,t_.J)(),{referrer:A,inst:D,partners:L,infPartner:z}=F,M="inflearn"!==A,{mutate:N}=function(e){let{options:t}=e;return(0,b.VE4)({url:b.xE.CLIENT_V1_COURSE_PROMOTIONS_COOKIES,options:t})}({options:{onError:e=>{i.yf.logger.error("강의 상세 소개 - 우대 정산 쿠키 API 실패",{error:e})}}}),{mutate:O}=(0,tR.$)({options:{onError:e=>{i.yf.logger.error("강의 상세 소개 - 마케팅 파트너스 쿠키 API 실패",{error:e})}}}),{mutate:B}=(0,tS.i)({options:{onError:e=>{i.yf.logger.error("강의 상세 소개 - 인프런 마케터 트래킹 쿠키 API 실패",{error:e})}}});if((0,tE.D)([{validate:()=>M&&!!D,setCookie:()=>N({code:D})},{validate:()=>!!L,setCookie:()=>O({code:L})},{validate:()=>!!z,setCookie:()=>B({})}]),(0,g.y)(),(0,tM.x)({courseId:d?.id??0}),!d||!y)return null;let U=y.instructors[0]?y.instructors[0]:null,K=v?.isInstructor??!1;return(0,n.FD)(tb.r,{onlineInfoPaymentInfo:y.paymentInfo,isPromotion:y.isPromotion??!1,children:[(0,n.Y)(tG,{isProfileLoading:C,faceBookViewContentEventId:t,attributionToken:p,pinnedReviewIds:T,discountType:x?.bestDiscountType??"NONE",urlPath:s.asPath.split("?")[0]}),(0,n.Y)(th.g,{accessInfo:d,children:f&&w?(0,n.FD)(eA,{contents:f,curriculum:w,id:d.id,hasUserEditPermission:d.accessibleMenu.edit,hasVoucher:"ENROLLED"===y.paymentInfo.type,isMonetization:y.isMonetization,isMooc:y.isMooc,isAdmin:Y?.isAdmin||!1,isCourseInstructor:K,bestReviews:_?.bestReviews??[],bestAnswers:null,children:[(0,n.Y)(eA.MonetizationAlert,{}),(0,n.Y)(eA.BestReviewSection,{children:(0,n.Y)(o.B,{gap:16,children:(0,n.Y)(a.fn,{children:!y.isMonetization&&R?.curationList&&R.curationList.length>0&&(0,n.Y)(e2,{curationList:R.curationList})})})}),(0,n.FD)(l.s,{direction:"column",gap:16,children:[(0,n.Y)(eA.AbilitiesGoalTitle,{}),(0,n.Y)(eA.Abilities,{hiddenTitle:!0})]}),(0,n.Y)(eA.Body,{}),(0,n.Y)(eA.RecommendTo,{}),(0,n.Y)(eA.Instructors,{}),(0,n.FD)(o.B,{gap:16,children:[(0,n.Y)(eA.Curriculum,{}),(0,n.Y)(eA.UpdateDate,{})]}),(0,n.Y)(eA.Review,{})]}):(0,n.Y)(n.FK,{})}),(0,n.Y)(eq,{courseId:d.id,instructor:U,skillTags:y.skillTags,relatedChallengeCourse:I?.items,isBot:r}),y&&w&&(0,n.Y)(eJ,{response:y,slug:u,curriculums:w})]})}function tG(e){let{isProfileLoading:t,faceBookViewContentEventId:r,attributionToken:n,pinnedReviewIds:i,discountType:o,urlPath:l}=e,s=(0,tb.K)(),{trackCourseMixpanelEvent:a}=(0,k.h)();return(0,u.useEffect)(()=>{t||s.isLoading||a(P.Z.VIEW_COURSE_SDP,{eventId:r,attribution_token:n,pinned_review_ids:i,discount_type:o,url_path:l},{executeOnce:!0})},[a,t,s.isLoading]),null}tV.disableBottomNavigation=!0,tV.disableAppShellScrollTransition=!0,tV.disableFNB=!0,tV.showMoveTop=!0,tV.appShellStyle={"& footer":{marginBottom:0,[s.fC.tablet]:{marginBottom:"66px"}}}},71532:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return C}});var n=r(86843),i=r(64847),o=r(78451),l=r(17918),s=r(2633),a=r(61944),c=r(60086),u=r(23e3),d=r(85371),p=r(96334),g=r(51343),h=r(34659),m=r(26230),f=r(55738),w=r(38556),y=r(84872);function v(e){let{challengeCourses:t,controlsPosition:r="topRight"}=e,{trackMixpanelEvent:i}=(0,f.h)(),{handleOpenPage:o}=(0,w.H)(),l=(e,t)=>{e.preventDefault();let r=e.currentTarget.getAttribute("href");if((0,d.A)(r)){p.vF.info((0,p.t7)({message:"챌린지 상세 - 클릭한 챌린지 강의 카드에 연결된 외부 링크가 존재하지 않습니다."}));return}i(m.Z.CLICK_COURSE_CARD_ON_SDP,{spot:"challenge",course_identification:String(t.id),course_title:t.course.title,skill_tag:t.course.metadata.skills,reg_price:Number(((t.listPrice.regularPrice??0)/1.1).toFixed(2)),reg_vat_price:t.listPrice.regularPrice,selling_price:t.listPrice.payPrice,reg_price_local:Number(((t.listPrice.regularPrice??0)/1.1).toFixed(2)),reg_vat_price_local:t.listPrice.regularPrice,selling_price_local:t.listPrice.payPrice,seq0_instructor_id:String(t.instructor.id),seq0_instructor_name:t.instructor.name,student_count:t.course.studentCount,star_rate:t.course.star,course_level:[h.O[t.course.metadata.levelCode]()],is_discount:t.listPrice.isDiscount,discount_title:t.listPrice.discountTitle??null,discount_rate:t.listPrice.discountRate,discount_id:t.listPrice.discountId?String(t.listPrice.discountId):null,review_count:t.course.reviewCount,like_count:t.course.likeCount,course_published_date:t.course.publishedAtUTC??"",course_last_updated_date:t.course.updatedAtUTC}),o(e,r)};return(0,n.Y)(u.F,{slideSize:`${y.m8}px`,includeGapInSize:!1,slideGap:y.yB,controlSize:y.oK[r],styles:{control:{"&[data-inactive]":{o

1pacity:0,cursor:"default"}},controls:{top:(0,y.fo)("roadmap").center},slide:{"&:last-of-type":{marginRight:0}},viewport:{paddingTop:`${y.EP}px`,marginTop:`-${y.EP}px`,paddingLeft:`${y.yB}px`,marginLeft:`-${y.yB}px`},..."topRight"===r?y.P6:{}},emblaOptions:{align:"start",dragFree:!0,slidesToScroll:"auto",containScroll:"trimSnaps"},children:t?.map(e=>e.challengeCourse&&n.Y(u.F.Slide,{w:y.m8,children:n.Y("a",{href:g.tl.CHALLENGE_DETAIL({slug:e.course.slug}),onClick:t=>l(t,e),children:n.Y(c.nJ,{id:e.id,slug:e.course.slug,thumbnailUrl:e.course.thumbnailUrl,title:e.course.title,description:e.course.description,reviewCount:e.course.reviewCount,studentCount:e.course.studentCount,star:e.course.star,isExclusive:e.course.isExclusive,isNew:e.course.isNew,isUpdated:e.course.isUpdated,updatedAt:e.course.updatedAt,metadata:e.course.metadata,publishedAt:e.course.publishedAt??"",abilities:e.course.abilities,targets:e.course.targets,courseTags:e.course.courseTags,runtimeSecond:e.course.runtimeSecond,instructor:e.instructor,listPrice:e.listPrice,applyEndedAtUTC:e.challengeCourse.applyEndedAtUTC,applicantCount:e.challengeCourse.applicantCount,eventEndedAtUTC:e.challengeCourse.eventEndedAtUTC,applyStartedAtUTC:e.challengeCourse.applyStartedAtUTC,originalCourseStudentCount:e.challengeCourse.originalCourseStudentCount,eventStartedAtUTC:e.challengeCourse.eventStartedAtUTC,canAnswerSurvey:e.challengeCourse.canAnswerSurvey,hasSurveyAnswer:e.challengeCourse.hasSurveyAnswer,capacity:e.challengeCourse.capacity})})},e.id))})}var Y=r(43093);function C(e){let{instructor:t,relatedChallengeCourse:r}=e,{name:c,id:u,slug:d}=t;return(0,s.A)(r)?null:(0,n.FD)(i.B,{gap:16,children:[(0,n.Y)(Y.W,{title:(0,n.FD)(o.Y,{children:[(0,n.Y)(l.M,{href:a.t.USER_PROFILE(u,d),target:"_blank",c:"gray.9",styles:{root:{textDecorationLine:"underline",textUnderlinePosition:"under",textUnderlineOffset:"1px"}},onClick:e=>{e.preventDefault(),(0,w.k)(e,e.currentTarget.href)},children:c}),"님의 챌린지!"]}

1),description:"이 강의와 함께하는 챌린지가 진행 중이에요!"}),(0,n.Y)(v,{challengeCourses:r,controlsPosition:"topRight"})]})}},97624:function(e,t,r){"use strict";r.d(t,{i:function(){return i}});var n=r(57910);function i(e){let{options:t}=e;return(0,n.m5E)({url:n.xE.CLIENT_V1_INFLEARN_MARKETING_TRACKS,options:t})}},97680:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/course/[slug]",function(){return r(49933)}])},99157:function(e,t,r){"use strict";r.d(t,{Q:function(){return h}});var n=r(86843),i=r(23e3),o=r(1293),l=r(30875),s=r(78330),a=r(61102),c=r(60178),u=r(55802),d=r(22050),p=r(25823),g=r(35156);let h=e=>{let{reviews:t,targetReview:r,opened:h,onClose:m,title:f,renderSlideContent:w,onSlideChange:y}=e,[v,Y]=(0,p.useState)(!1),C=(0,p.useMemo)(()=>t.findIndex(e=>e===r),[t,r]),[_,I]=(0,p.useState)(null);(0,g.y)(_,200),(0,p.useEffect)(()=>{h&&setTimeout(()=>{Y(!0)},500),Y(!1)},[h]);let[b,E]=(0,p.useState)(780),x=(0,p.useRef)(null);return(0,p.useEffect)(()=>{if(!h)return;let e=setTimeout(()=>{x.current&&E(x.current?.clientWidth-32)},0);return()=>clearTimeout(e)},[h]),(0,p.useEffect)(()=>{let e=()=>{(0,p.startTransition)(()=>{x.current&&E(x.current?.clientWidth-32)})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[h]),(0,n.FD)(c.aF.Root,{opened:h,onClose:m,size:"100%",maw:780,styles:{body:{padding:"16px 0 20px 0 !important"}},children:[(0,n.Y)(c.aF.Overlay,{}),(0,n.FD)(c.aF.Content,{maw:780,ref:x,children:[(0,n.FD)(c.aF.Header,{children:[(0,n.Y)(c.aF.Title,{children:f}),(0,n.Y)(c.aF.CloseButton,{})]}),(0,n.Y)(c.aF.Body,{p:"0 !important",children:(0,n.Y)(l.a,{css:{opacity:v?1:0},children:(0,n.Y)(i.F,{initialSlide:C,onSlideChange:y,nextControlIcon:(0,n.Y)(a.I,{icon:d.XkK,size:"sm"}),previousControlIcon:(0,n.Y)(a.I,{icon:d.Wzs,size:"sm"}),controlSize:38,getEmblaApi:I,slideGap:10,slideSize:"calc(100% - 40px)",styles:{control:{"&[data-inactive]":{o

1pacity:0,cursor:"default"}}},includeGapInSize:!0,emblaOptions:{align:"center"},children:t.map(e=>(0,n.Y)(i.F.Slide,{style:{width:"calc(100% - 40px)"},children:(0,n.Y)(s.Z,{component:"article",p:16,w:"100%",maw:b,styles:{root:{overflow:"auto",display:"flex",flexDirection:"column",borderRadius:8,border:`1px solid ${u.yK.gray[2]}`}},children:(0,n.Y)(o.o,{size:20,h:528,gradientPosition:{top:!0,bottom:!0},children:w(e)})})},`${e.author.name}-${e.createdAt}-modal`))})})})]})]})}}},function(e){e.x(),_N_E=Promise.all([e.f.consumes||function(e,t){},e.f.remotes||function(e,t){}].reduce(function(e,t){return t("5045",e),e},[])).then(function(){return e.X(0,[636,8792,3328,6373,3156,7615,976,5949,737,1207,6474,6563,7550,6969,9662,2125,1039,7670,8330,359,8636,4190,4330,3e3,2644,390,6533,8357,4945,7730,702,6763,4811,2172,1618,3817,2628,3305,9588,1302,7236,908,9331,5562],function(){return e(e.s=97680)})})}]);
2//# sourceMappingURL=[slug]-12b927985f985a82.js.map