https://drivingteacher.co.kr/_next/static/chunks/pages/license-mastery/field-video-3e6a180bf1cc1d90.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21093],{19973:function(e,l,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/license-mastery/field-video",function(){return s(83221)}])},42971:function(e,l,s){"use strict";s.d(l,{r:function(){return r}});var t=s(44194),i=s(18053);let r=function(){let{scrollY:e,backPath:l="/license-mastery"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=(0,i.useRouter)();return{goBackWithScroll:t.useCallback(()=>{e?s.replace({pathname:l,query:{scrollY:e}}):s.replace(l)},[s,e,l]),navigateWithScroll:t.useCallback((e,l)=>{var t;let i=(null==l?void 0:null===(t=l.current)||void 0===t?void 0:t.scrollTop)||0;s.push({pathname:e,query:{scrollY:i.toString()}})},[s])}}},83221:function(e,l,s){"use strict";s.r(l),s.d(l,{default:function(){return g}});var t=s(31549),i=s(71416),r=s.n(i),a=s(18053),n=s(87265),c=s(42971),d=s(26709),o=s(91463),u=s(95051),h=s.n(u);let x=e=>{let{onClick:l}=e;return(0,t.jsxs)("div",{className:"relative w-full cursor-pointer overflow-hidden rounded-md",onClick:l,children:[(0,t.jsx)(h(),{src:"/license-guide/field/field_full.png",alt:"풀영상 보기",width:0,height:0,sizes:"100vw",className:"h-auto w-full",style:{width:"100%",height:"auto"}}),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,t.jsx)(h(),{src:"/license-guide/field/Play.png",alt:"Play",width:64,height:64,className:"drop-shadow-lg"})}),(0,t.jsx)("div",{className:"absolute bottom-8 left-8 right-8 z-10",children:(0,t.jsx)("p",{className:"text-16-normal-bold text-White-100 drop-shadow-lg",children:"전체 영상으로 보기"})})]})};var m=s(90540);let f=e=>{let{title:l,thumbnailUrl:s,onClick:i}=e;return(0,t.jsxs)(m.E.div,{whileTap:{scale:.95},className:"relative aspect-[9/16] flex-1 cursor-pointer overflow-hidden rounded-md ",onClick:i,children:[(0,t.jsx)(h(),{src:s,alt:l,fill:!0,className:"object-cover",sizes:"(max-width: 768px) 33vw, 150px"}),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,t.jsx)(h(),{src:"/license-guide/field/Play.png",alt:"Play",width:48,height:48,className:"drop-shadow-lg"})}),(0,t.jsx)("div",{className:"absolute bottom-8 left-8 right-8 z-10",children:(0,t.jsx)("p",{className:"text-14-normal-bold text-White-100 drop-shadow-lg",children:l})})]})};var p=s(43699);let v=e=>{let{scrollY:l}=e;(0,c.r)({scrollY:l});let s=(0,a.useRouter)(),{recordVideoWatched:i}=(0,d.E)(),r=e=>{(0,p.T)(e),i(e),s.push("/license-mastery/field-video/".concat(e))};return(0,t.jsx)(o.l$,{className:"h-full bg-White-100",children:(0,t.jsxs)("div",{className:"bg-White-100 px-16",children:[(0,t.jsx)(n.L,{className:"h-16"}),(0,t.jsx)("h1",{className:"text-18-bold text-Gray-900 mb-32",children:"영상으로 장내기능 마스터!"}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-8",children:p.t.map(e=>(0,t.jsx)(f,{title:e.title,thumbnailUrl:"/license-guide/field/".concat(e.videoId,".png"),onClick:()=>r(e.videoId)},e.videoId))}),(0,t.jsx)(n.L,{className:"h-48"}),(0,t.jsx)("h2",{className:"text-18-bold text-Gray-900 mb-16",children:"전체 영상으로 보기"}),(0,t.jsx)(x,{onClick:()=>{i("field_full"),s.push("/license-mastery/field-video/field_full")}}),(0,t.jsx)(n.L,{className:"h-32"})]})})},j=()=>(0,t.jsxs)(r(),{children:[(0,t.jsx)("title",{children:"장내기능 영상 | 운전면허 가이드 | 운전선생"}),(0,t.jsx)("meta",{name:"description",content:"장내기능 시험 영상으로 완벽하게 준비하세요. 장치조작, 경사로, 교차로, 직각주차, 좌회전, 가속 등 모든 과정을 영상으로 확인할 수 있습니다."},"meta-description")]});function g(){let{scrollY:e}=(0,a.useRouter)().query;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{}),(0,t.jsx)(v,{scrollY:"string"==typeof e?e:void 0})]})}}},function(e){e.O(0,[92888,49774,40179],function(){return e(e.s=19973)}),_N_E=e.O()}]);
2//# sourceMappingURL=field-video-3e6a180bf1cc1d90.js.map