https://upbitcare.com/_next/static/chunks/pages/academy/education/[category]-dba2b11c8b2bb29c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[397],{4663:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/academy/education/[category]",function(){return t(3763)}])},9366:function(e,n,t){"use strict";var r=t(5893);n.Z=function(e){var n=e.keyword;return(0,r.jsxs)("div",{className:"no-data",children:[(0,r.jsxs)("p",{children:[(0,r.jsxs)("span",{className:"keyword",children:["'".concat(n,"'")," "]}),"\uc5d0 \ub300\ud55c \uac80\uc0c9\uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4."]}),(0,r.jsx)("img",{src:"/images/common/ico_not_found.png",alt:"ico_not_found"})]})}},3216:function(e,n,t){"use strict";t.d(n,{Z:function(){return p}});var r,a=t(6042),c=t(9396),i=t(797),o=t(5893),s=t(7294),l=t(1664),d=t.n(l),u=t(1163);!function(e){e.ENTER_KEY="Enter",e.ARROW_UP_KEY="ArrowUp",e.ARROW_DOWN_KEY="ArrowDown",e.ESCAPE_KEY="Escape"}(r||(r={}));var h=t(5483),f=window.localStorage,v={local:{get:function(e){return null===f||void 0===f?void 0:f[e]},set:function(e,n){f&&(f[e]=n)},remove:function(e){null===f||void 0===f||f.removeItem(e)}}},m=t(8435),x=t.n(m),y=function(e){var n=e.okPath,t=e.onChangeText,r=e.selectedKeywordIdx,i=e.recentKeywords,s=e.addRecentKeywords,l=e.removeRecentKeywords,f=(0,u.useRouter)().query;return(null===i||void 0===i?void 0:i.length)?(0,o.jsx)("ul",{id:"keyword-list",className:x().recentKeywordList,children:i.map((function(e,i){return(0,o.jsxs)("li",{className:r===i?x().active:"",onClick:function(){t(e),s(e)},children:[(0,o.jsx)(d(),{href:(0,h.o)(n,(0,c.Z)((0,a.Z)({},f),{keyword:e})),scroll:!1,children:(0,o.jsx)("a",{className:x().keywordItem,children:(0,o.jsx)("span",{children:e})})}),(0,o.jsx)("a",{className:x().delete,onClick:function(n){n.stopPropagation(),l(e)},children:"\uc0ad\uc81c"})]},e)}))}):null},g="keyword",j="keyword-list",p=function(e){var n=e.okPath,t=e.storageKey,l=void 0===t?"":t,f="".concat("recentKeywords","_").concat(l),m=v.local.get(f),x=null===m||void 0===m?void 0:m.split(",").slice(0,5),p=(0,u.useRouter)(),w=p.query,_=p.push,N=(0,s.useRef)(null),k=(0,s.useMemo)((function(){return w.keyword||""}

1),[w]),E=(0,s.useState)(!1),Z=E[0],b=E[1],C=(0,s.useState)(k||""),R=C[0],L=C[1],K=(0,s.useState)(),I=K[0],P=K[1],T=(0,s.useState)(x),O=T[0],D=T[1],A=null===R||void 0===R?void 0:R.trim(),S=function(){!Z&&b(!0)},H=function(){b(!1),P(void 0)},M={add:function(e){var n=null===e||void 0===e?void 0:e.trim().replace(/,/g,"");if(n){var t=(null===O||void 0===O?void 0:O.filter((function(e){return e!==n})))||[],r=[n].concat((0,i.Z)(t)).slice(0,5);v.local.set(f,r.join(",")),D(r)}},remove:function(e){var n=null===O||void 0===O?void 0:O.filter((function(n){return n!==e}));if(!(null===n||void 0===n?void 0:n.length))return v.local.remove(f),void D(void 0);v.local.set(f,n.join(",")),D(n)}},W=function(e){var n;null===(n=N.current)||void 0===n||n.blur(),H(),M.add(e),L(e)};return(0,s.useEffect)((function(){var e=function(e){var n=e.target.id;[g,j].includes(n)||H()};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}),[]),(0,s.useEffect)((function(){L(k)}),[w,k]),(0,o.jsxs)("div",{className:"search-box",children:[(0,o.jsx)("input",{id:g,type:"text",ref:N,placeholder:"\uac80\uc0c9\uc5b4\ub97c \uc785\ub825\ud574\uc8fc\uc138\uc694",maxLength:255,value:R,onFocus:function(){R||S()},onKeyDown:function(e){if(229!==e.keyCode){var t=((null===O||void 0===O?void 0:O.length)||0)-1;switch(e.key){case r.ARROW_UP_KEY:if(R)return;var i=void 0!==I?I-1:t;S(),P(i<0?t:i);break;case r.ARROW_DOWN_KEY:if(R)return;var o=void 0!==I?I+1:0;S(),P(o>t?0:o);break;case r.ESCAPE_KEY:H();break;case r.ENTER_KEY:e.preventDefault();var s=A||(null===O||void 0===O?void 0:O[I]);W(s),_((0,h.o)(n,(0,c.Z)((0,a.Z)({},w),{keyword:s})),void 0,{scroll:!1})}}},onChange:function(e){var n=e.target.value;L(n),n?H():S()}}),(0,o.jsx)(d(),{href:(0,h.o)(n,(0,c.Z)((0,a.Z)({},w),{keyword:A})),scroll:!1,children:(0,o.jsx)("a",{children:(0,o.jsx)("button",{type:"button",onClick:function(){W(A)},children:"\uac80\uc0c9"})})}),Z&&(0,o.jsx)(y,{okPath:n,onChangeText:L,selectedKeywordIdx:I,recentKeywords:O,addRecentKeywords:M.add,removeRecentKeywords:M.remove})]})}},7076:function(e,n,t){"use strict";t.d(n,{t:function(){return d},o:function(){return u.Z}});var r=t(6042),a=t(9396),c=t(5893),i=t(1664),o=t.n(i),s=t(5483),l=t(1163),d=function(e){var n=e.path,t=e.totalPages,i=e.currentPage,d=(0,l.useRouter)().query,u=Math.floor((i-1)/5);return(0,c.jsx)("nav",{className:"pagination",children:t?(0,c.jsxs)("ul",{children:[t>=10&&(0,c.jsx)("li",{className:"page-item first",children:(0,c.jsx)(o(),{href:(0,s.o)(n,(0,a.Z)((0,r.Z)({},d),{page:1})),shallow:!0,children:(0,c.jsx)("a",{children:"\ub9e8\uc55e\uc73c\ub85c\uac00\uae30"})})}),(0,c.jsx)("li",{className:"page-item prev",children:(0,c.jsx)(o(),{href:(0,s.o)(n,(0,a.Z)((0,r.Z)({},d),{page:i-1})),shallow:!0,children:(0,c.jsx)("a",{children:"Previous"})})}),Array(5).fill(null).map((function(e,l){var h=5*u+l+1;return h>t?null:(0,c.jsx)("li",{className:"page-item"+(h===i?" active":""),children:(0,c.jsx)(o(),{href:(0,s.o)(n,(0,a.Z)((0,r.Z)({},d),{page:h})),shallow:!0,children:(0,c.jsx)("a",{children:h})})},l)})),(0,c.jsx)("li",{className:"page-item next",children:(0,c.jsx)(o(),{href:(0,s.o)(n,(0,a.Z)((0,r.Z)({},d),{page:i===t?i:i+1})),shallow:!0,children:(0,c.jsx)("a",{children:"Next"})})}),t>=10&&(0,c.jsx)("li",{className:"page-item end",children:(0,c.jsx)(o(),{href:(0,s.o)(n,(0,a.Z)((0,r.Z)({},d),{page:t})),shallow:!0,children:(0,c.jsx)("a",{children:"\ub9e8\ub4a4\ub85c\uac00\uae30"})})})]}):null})},u=t(3216)},3816:function(e,n,t){"use strict";var r;t.d(n,{s:function(){return r}}),function(e){e.LOW="LOW_LEVEL",e.MIDDLE="MIDDLE_LEVEL",e.HIGH="HIGH_LEVEL"}(r||(r={}))},646:function(e,n,t){"use strict";t.d(n,{y:function(){return i}});var r,a=t(4924),c=t(3816),i=(r={},(0,a.Z)(r,c.s.HIGH,"\uace0\uae09"),(0,a.Z)(r,c.s.MIDDLE,"\uc911\uae09"),(0,a.Z)(r,c.s.LOW,"\ucd08\uae09"),r)},5483:function(e,n,t){"use strict";t.d(n,{o:function(){return i}});var r=t(6042),a=t(129),c=t.n(a);function i(e,n){var t=(0,r.Z)({},n);return Object.keys(t).forEach((function(e){t[e]||delete t[e]})),"".concat(e).concat(c().stringify(t,{addQueryPrefix:!0}))}},3763:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return P},default:function(){return T}});var r=t(5893),a=t(7294),c=t(1664),i=t.n(c),o=t(1163),s=t(9008),l=t.

1n(s),d=t(9555),u=t(9685),h=t(2076),f=function(e,n){var t;if(e.name===n)return e;if(!(null===(t=e.childCategories)||void 0===t?void 0:t.length))return null;var r=!0,a=!1,c=void 0;try{for(var i,o=e.childCategories[Symbol.iterator]();!(r=(i=o.next()).done);r=!0){var s=i.value,l=f(s,n);if(l)return l}}catch(d){a=!0,c=d}finally{try{r||null==o.return||o.return()}finally{if(a)throw c}}return null},v=t(7076),m=t(3088),x=t.n(m),y=t(3057),g=t(2174),j=t(646),p=t(9153),w=function(e){var n=e.education,t=e.index,a=(0,o.useRouter)().query,c=a.category,i=1===(a.page||1)&&t<2&&(0,y.EG)(n.createdAt);return(0,r.jsx)("li",{children:(0,r.jsxs)(p.Rv,{href:h.Z.academy.education.category.detail.path,as:"".concat(h.Z.academy.education.path,"/").concat(c,"/").concat(n.id),children:[(0,r.jsx)("div",{className:"photo",children:(0,r.jsx)("img",{width:286,height:160,src:(0,g.o)(n.thumbnail),alt:n.title})}),(0,r.jsxs)("div",{className:"info",children:[(0,r.jsxs)("dl",{children:[(0,r.jsxs)("dt",{className:"category "+x().category,children:[n.category.displayName,i&&(0,r.jsx)("span",{className:"ico_new"})]}),(0,r.jsx)("dd",{children:"".concat(n.duration?"".concat(n.duration,"\ubd84 \uc18c\uc694"):"")}),(0,r.jsx)("dd",{className:x().newLine+(n.duration?"":" ".concat(x().infoTitle)),children:n.title})]}),(0,r.jsxs)("div",{className:"date",children:[(0,r.jsx)("span",{children:y.ZU.dash(n.createdAt)}),(0,r.jsx)("strong",{children:j.y[n.tag]})]})]})]})})},_=t(5483),N=function(e){var n=e.active,t=e.item,a=(0,o.useRouter)().query.category;return(0,r.jsx)("li",{className:n?"active":"",children:(0,r.jsx)(i(),{href:(0,_.o)("".concat(h.Z.academy.education.path,"/").concat(a),{sub:t.name}),scroll:!1,shallow:!0,children:(0,r.jsx)("a",{children:t.displayName})})})},k=t(6042),E=t(9396),Z=t(797),b=t(3816),C=t(3216),R=function(e){var n=e.selectedTags,t=e.idx,a=e.handleTags,c=e.type;return(0,r.jsxs)("li",{children:[(0,r.jsx)("input",{type:"checkbox",id:"chk-0".concat(t),onChange:function(){a(c)},checked:n.includes(c)}),(0,r.jsx)("label",{htmlFor:"chk-0".concat(t),children:j.y[c]})]})},L=function(){var e,n=(0,o.useRouter)(),t=n.push,c=n.query,i=c.category,s=c.sub,l=null===(e=c.tags)||void 0===e?void 0:e.split(","),d=(0,a.useRef)(!0),u=(0,a.useState)(l||[b.s.HIGH,b.s.LOW,b.s.MIDDLE]),f=u[0],v=u[1],m=function(e){1===f.length&&e===f[0]||v((function(n){var t=n.includes(e)?n.filter((function(n){return e!==n})):(0,Z.Z)(n).concat([e]);return x(t),t}))};(0,a.useEffect)((function(){d.current?d.current=!1:v([b.s.HIGH,b.s.LOW,b.s.MIDDLE])}),[s]);var x=function(e){delete c.keyword,t((0,_.o)("".concat(h.Z.academy.education.path,"/").concat(i),(0,E.Z)((0,k.Z)({},c),{tags:e.join(",")})),void 0,{scroll:!1})};return(0,r.jsx)("form",{children:(0,r.jsxs)("article",{className:"filter-menu",children:[(0,r.jsx)("ul",{children:Object.values(b.s).map((function(e,n){return(0,r.jsx)(R,{idx:n,type:e,selectedTags:f,handleTags:m},e)}))}),(0,r.jsx)(C.Z,{okPath:"".concat(h.Z.academy.education.path,"/").concat(i),storageKey:"education"})]})})},K=function(e){var n=e.category,t=(0,o.useRouter)().query.category;return(0,r.jsx)("li",{className:t===n.name?"active":"",children:(0,r.jsx)(i(),{href:h.Z.academy.education.category.path,as:"".concat(h.Z.academy.education.path,"/").concat(n.name),scroll:!1,shallow:!0,children:(0,r.jsx)("a",{children:n.displayName})})})},I=t(9366),P=!0,T=function(e){var n,t,c,s=e.defaultArticles,m=e.category,x=(0,o.useRouter)(),y=x.query,g=x.pathname,j=(0,a.useRef)(!0),p=(0,a.useState)(s),_=p[0],k=p[1],E=(0,a.useState)(!1),Z=E[0],b=E[1],C=(0,a.useMemo)((function(){return{currentPage:Number(y.page)||1,currentCategoryName:y.category,subCategoryName:y.sub,keyword:y.keyword,tags:y.tags}}),[y]),R=C.subCategoryName,P=f(m,C.currentCategoryName),T="".concat(h.Z.academy.education.path,"/").concat(C.currentCategoryName);(0,a.useEffect)((function(){j.current?j.current=!1:d.hU.query({categoryNames:C.subCategoryName||C.currentCategoryName,queryOption:u.a.TITLE,keyword:C.keyword||"",tags:C.tags||void 0,page:C.currentPage,size:6}).then((function(e){var n=e.data;k(n)}))}),[C]),(0,a.useEffect)((function(){var e,n=null===P||void 0===P||null===(e=P.childCategories)||void 0===e?void 0:e.findIndex((function(e){return e.name===R}));b((function(e){return e||!!n&&n>6}))}),[R,P]);var O=null===P||void 0===P||null===(n=P.childCategories)||void 0===n?void 0:n.slice(0,6),D=null===P||void 0===P||null===(t=P.childCategories)||void 0===t?void 0:t.slice(6),A=((null===D||void 0===D?void 0:D.length)||0)>0;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(l(),{children:[(0,r.jsx)("meta",{property:"og:title",content:"\uad50\uc721 - ".concat("\uc5c5\ube44\ud2b8 \ud22c\uc790\uc790\ubcf4\ud638\uc13c\ud130")}),(0,r.jsx)("meta",{property:"og:description",content:"\uae30\ucd08\ubd80\ud130 \ud0c4\ud0c4\ud788, \ub514\uc9c0\ud138 \uc790\uc0b0 \uc0dd\ud0dc\uacc4\uc5d0 \ub300\ud574 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4"},"og-description"),(0,r.jsx)("meta",{name:"description",content:"\uae30\ucd08\ubd80\ud130 \ud0c4\ud0c4\ud788, \ub514\uc9c0\ud138 \uc790\uc0b0 \uc0dd\ud0dc\uacc4\uc5d0 \ub300\ud574 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4"},"description"),(0,r.jsxs)("title",{children:["\uad50\uc721 - ","\uc5c5\ube44\ud2b8 \ud22c\uc790\uc790\ubcf4\ud638\uc13c\ud130"]})]}),(0,r.jsxs)("main",{className:"sub-main edu-list",children:[(0,r.jsxs)("section",{className:"sub-visual",children:[(0,r.jsxs)("hgroup",{children:[(0,r.jsx)("h2",{children:(0,r.jsx)("span",{children:"\uad50\uc721"})}),(0,r.jsx)("p",{children:"\uae30\ucd08\ubd80\ud130 \ud0c4\ud0c4\ud788, \ub514\uc9c0\ud138 \uc790\uc0b0 \uc0dd\ud0dc\uacc4\uc5d0 \ub300\ud574 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4"})]}),(0,r.jsx)("nav",{className:"tab-menu tab",children:(0,r.jsx)("ul",{children:null===(c=m.childCategories)||void 0===c?void 0:c.map((function(e){return(0,r.jsx)(K,{category:e},e.id)}))})})]}),(0,r.jsxs)("section",{id:"subContainer",className:"sub-contents",children:[(0,r.jsxs)("nav",{className:"tab-list expendList"+(Z?" active":""),children:[(0,r.jsxs)("ul",{children:[(0,r.jsx)("li",{className:C.subCategoryName?"":"active",children:(0,r.jsx)(i(),{href:g,as:T,scroll:!1,shallow:!0,children:(0,r.jsx)("a",{children:"\uc804\uccb4"})})}),null===O||void 0===O?void 0:O.map((function(e){return(0,r.jsx)(N,{active:e.name===C.subCategoryName,item:e},e.id)})),A&&(0,r.jsx)("li",{children:(0,r.jsx)("button",{type:"button",className:"tabExpand"+(Z?" active":""),onClick:function(){b((function(e){return!e}))}})})]}),Z&&(0,r.jsx)("ul",{children:null===D||void 0===D?void 0:D.map((function(e){return(0,r.jsx)(N,{active:e.name===C.subCategoryName,item:e},e.id)}))})]}),(0,r.jsxs)("section",{className:"contents tabContent",children:[(0,r.jsx)(L,{}),(0,r.jsx)("div",{className:"list-box edu-box",children:(0,r.jsx)("ul",{children:C.keyword&&0===_.content.length?(0,r.jsx)(I.Z,{keyword:C.keyword}):_.content.map((function(e,n){return(0,r.jsx)(w,{index:n,education:e},e.id)}))})})]}),(0,r.jsx)(v.t,{path:T,totalPages:_.totalPages,currentPage:C.currentPage})]})]})]})}},8435:function(e){e.exports={recentKeywordList:"RecentKeywords_recentKeywordList__lVrm9",active:"RecentKeywords_active__cTxpn",keywordItem:"RecentKeywords_keywordItem__IkimM",delete:"RecentKeywords_delete__Zth3L"}},3088:function(e){e.exports={category:"CardItem_category____8MH",infoTitle:"CardItem_infoTitle__TUlF5",newLine:"CardItem_newLine__7MA4X"}}},function(e){e.O(0,[774,888,179],(function(){return n=4663,e(e.s=n);var n}));var n=e.O();_N_E=n}]);