(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5044],{4155:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/music/news/list",function(){return t(7797)}])},7797:function(e,s,t){"use strict";t.r(s),t.d(s,{__N_SSP:function(){return C}});var n=t(7352),a=t(4924),i=t(6042),c=t(9396),r=t(9815),l=t(655),o=t(5893),d=t(9008),u=t.n(d),m=t(1664),h=t.n(m),x=t(7294),p=t(8767),j=t(580),_=t(9473),b=t(9534),N=t(1312),f=t(1163),g=t(394),v=t(7715),w=t(5616),y=t(6114),k=t(7265),Z=t(8252),S=null,C=!0;s.default=function(e){var s,d=e.fullURL;S=t(2923),t(7758);var m=(0,f.useRouter)(),C=(0,j.Z)(),E=null===(s=(0,_.v9)((function(e){return e.service})))||void 0===s?void 0:s.isMobile,M=(0,x.useState)([]),I=M[0],L=M[1],P=(0,x.useState)(!1),T=P[0],U=P[1];(0,x.useEffect)((function(){T&&(0,Z.Z)(T)}),[T]);var F=(0,x.useState)("HOT"),O=F[0],Q=F[1],Y=(0,x.useState)(0),H=Y[0],q=Y[1],R=(0,x.useState)([]),W=R[0],K=R[1],B=(0,x.useState)([]),V=B[0],A=B[1],D=(0,x.useState)([]),X=D[0],z=D[1],G=(0,x.useState)([]),J=G[0],$=G[1],ee=(0,x.useState)([]),se=ee[0],te=ee[1],ne=(0,x.useState)(""),ae=ne[0],ie=ne[1],ce=(0,x.useState)({page:0,limit:20,sort:"article_date",direction:"desc",search_keyword:"",code411:""}),re=ce[0],le=ce[1],oe=(0,x.useState)(!1),de=oe[0],ue=oe[1],me=(0,x.useState)([]),he=me[0],xe=me[1],pe=(0,x.useState)(!1),je=pe[0],_e=pe[1];(0,p.useQuery)("getBannerItems",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/common/banner/position/MUSC_04_01")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){e.data.data=e.data.data.filter((function(e){return e.is_open>=1})),xe(e.data.data)},onError:function(e){console.error(e)}}),(0,x.useEffect)((function(){t(1007)}),[]),(0,x.useEffect)((function(){if(I.length>0){t(3770),window.UI.curationSw.init();var e=".swiper-btn-8";new S(".swiper-11 .swiper-container",{slidesPerView:"auto",loop:!0,touchRatio:.2,slideToClickedSlide:!1,speed:700,pagination:{el:e+" .pageNumber",type:"fraction",formatFractionCurrent:function(e){return("0"+e).slice(-2)},formatFractionTotal:function(e){return("0"+e).slice(-2)},renderFraction:function(e,s){return'<span class="'+e+'"></span> <span class="line"></span> <span class="'+s+'"></span>'}},navigation:{prevEl:e+" .swiper-prev",nextEl:e+" .swiper-next"},breakpoints:{767:{spaceBetween:16}}})}}),[I]),(0,p.useQuery)("getKvData",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/common/kv/01_04_00_00")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){e.data.data.kv_list.map((function(e){e.title=(0,g.Z)(e.title),e.sub_title=(0,g.Z)(e.sub_title)})),L(e.data.data.kv_list)},onError:function(e){console.error(e)}}),(0,p.useQuery)("getMusicInfoThisweekKeywords",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/music/news/thisweek/keyword",{})];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){A(e.data.data)},onError:function(e){}}),(0,p.useQuery)(["getMusicNewsHotNewList",O],(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/music/news/hot-new",{params:{tab_type:O}})];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){$(e.data.data)},onError:function(e){}});(0,p.useQuery)(["getMusicNewsList",re.page,re.sort,re.search_keyword,re.code411],(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return _e(!0),[4,N.Z.get("/fo/music/news/list",{params:re})];case 1:return[2,e.sent()]}}))})),{enabled:m.isReady,onSuccess:function(e){if(console.log(e.data.list),_e(!1),U(!0),E&&de){ue(!1);var s=(0,r.Z)(X);e.data.list.map((function(e){s.push(e)})),z(s)}else z(e.data.list);q(e.data.total)},onError:function(e){}}).refetch;(0,p.useQuery)("getMusicNewsThisWeekColumnList",(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/fo/music/news/thisweek/column")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){te(e.data.data)},onError:function(e){}}),(0,p.useQuery)(["commonCode411"],(0,n.Z)((function(){return(0,l.__generator)(this,(function(e){switch(e.label){case 0:return[4,N.Z.get("/common/code/children/411001")];case 1:return[2,e.sent()]}}))})),{onSuccess:function(e){e.data=e.data.map((function(e){return e.value=e.code,e})),e.data.unshift({name:"\uc804\uccb4",value:""}),K(e.data)},onError:function(e){console.error(e)}});var be=function(e){Q(e)},Ne=function(){if(1!=ae.length){var e=(0,c.Z)((0,i.Z)({},re),{search_keyword:ae,page:0});ge(e)}else alert("2\uc790 \uc774\uc0c1\uc73c\ub85c \uac80\uc0c9\uc5b4\ub97c \uc785\ub825\ud574\uc8fc\uc138\uc694.")},fe=function(e){var s=e.target,t=s.name,n=s.value,r=s.isMore;ue(r);var l={};if("page"===t)l=(0,c.Z)((0,i.Z)({},re),(0,a.Z)({},t,n));else if("code411"===t){var o;l=(0,c.Z)((0,i.Z)({},re),(o={},(0,a.Z)(o,t,e.target.dataset.code),(0,a.Z)(o,"page",0),o))}else{var d;l=(0,c.Z)((0,i.Z)({},re),(d={},(0,a.Z)(d,t,n),(0,a.Z)(d,"page",0),d))}ge(l)},ge=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.pathname;m.push({pathname:s,query:e},void 0,{scroll:!1})},ve=function(e,s,t,n,a){C.mutate({event:e,contentId:s,contentType:t,callback:function(){if("musicNewsList"===n){var e=[];(e=(0,r.Z)(X))[a].is_like="Y"===e[a].is_like?"N":"Y",e[a].like_cnt="N"===e[a].is_like?e[a].like_cnt-=1:e[a].like_cnt+=1,z(e)}else if("keyVisual"===n){var s=[];(s=(0,r.Z)(I))[a].is_like="Y"===s[a].is_like?"N":"Y",L(s)}}})};return(0,x.useEffect)((function(){he.length>0&&window.UI.adBanner.init()}),[he]),(0,x.useEffect)((function(){W.length>0&&window.UI.tabList.init()}),[W]),(0,x.useEffect)((function(){var e={};e=0===Object.keys(m.query).length?(0,i.Z)({},re):(0,i.Z)({},Object.keys(re).reduce((function(e,s){return m.query.hasOwnProperty(s)&&(e[s]=re[s]),e}),{}),m.query),le(e)}),[m.query]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(u(),{children:[(0,o.jsx)("title",{children:"arte : MUSIC \ub4e3\ub2e4"}),(0,o.jsx)("meta",{property:"og:url",content:d}),(0,o.jsx)("meta",{property:"og:type",content:"article"}),(0,o.jsx)("meta",{property:"og:title",content:"MUSIC \ub4e3\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{property:"og:description",content:"\uc74c\uc545 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{property:"og:site_name",content:"\uc544\ub974\ub5bc - \uc138\uc0c1\uc5d0 \uc5c6\ub358 \uc608\uc220 \ub180\uc774\ud130, arte"}),(0,o.jsx)("meta",{property:"og:locale",content:"ko_KR"}),(0,o.jsx)("meta",{property:"og:image",content:"/assets/images/og_image/01_music_news.png"}),(0,o.jsx)("meta",{name:"title",content:"MUSIC \ub4e3\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{name:"description",content:"\uc74c\uc545 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{itemProp:"name",content:"MUSIC \ub4e3\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{itemProp:"description",content:"\uc74c\uc545 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{itemProp:"image",content:"/assets/images/og_image/01_music_news.png"}),(0,o.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,o.jsx)("meta",{name:"twitter:title",content:"MUSIC \ub4e3\ub2e4 > \ub274\uc2a4\xb7\uc778\ud130\ubdf0"}),(0,o.jsx)("meta",{name:"twitter:description",content:"\uc74c\uc545 \uad00\ub828 \ub274\uc2a4\uc640 \uc778\ud130\ubdf0\uac00 \uad81\uae08\ud558\ub2e4\uba74?"}),(0,o.jsx)("meta",{name:"twitter:image",content:"/assets/images/og_image/01_music_news.png"})]}),(0,o.jsxs)("div",{className:"container",id:"container",children:[(0,o.jsx)("div",{className:"sub-renew bg-type-2",children:(0,o.jsxs)("div",{className:"inner-renew",children:[(0,o.jsx)("h2",{className:"common-h2-type1",children:"MUSIC \ub274\uc2a4"}),(0,o.jsx)("div",{className:"ct",children:(0,o.jsx)("div",{className:"inner swiper-11",children:(0,o.jsx)("div",{className:"slider",children:(0,o.jsx)("div",{className:"swiper-container",children:(0,o.jsx)("ul",{className:"swiper-wrapper",children:I.length>0&&(0,o.jsx)(o.Fragment,{children:I.map((function(e,s){var t;return(0,o.jsx)("li",{className:"swiper-slide",children:(0,o.jsxs)("div",{className:"cover-img",children:[(0,o.jsx)(h(),{href:"/music/news/".concat(e.content_id),children:(0,o.jsx)("a",{className:"img-holder",children:(0,o.jsx)("img",{src:e.thumbnail,alt:""})})}),(0,o.jsx)("button",{type:"button",className:"btn-fav btn-fav--wt ".concat("Y"===e.is_like&&"is-fav"),"aria-label":"Like",onClick:function(s){return ve(s,e.content_id,e.content_type,"keyVisual")}}),(0,o.jsx)(h(),{href:"/music/news/".concat(e.content_id),children:(0,o.jsx)("a",{children:(0,o.jsx)("span",{className:"txt-1",children:(0,o.jsxs)("span",{children:["Y"===(null===e||void 0===e?void 0:e.payment)&&(0,o.jsx)(y.Z,{}),null===e||void 0===e||null===(t=e.title)||void 0===t?void 0:t.replace("&nbsp;"," ")]})})})})]})},e.content_id)}))})})})})})}),(0,o.jsxs)("div",{className:"common-swiper-sb swiper-btn-8",children:[(0,o.jsxs)("div",{className:"box-swiperControl",children:[(0,o.jsx)("div",{className:"pageNumber"}),(0,o.jsx)("button",{className:"btn-playPause swiper-play"}),(0,o.jsx)("button",{className:"btn-playPause swiper-pause",style:{display:"none"}})]}),(0,o.jsxs)("div",{className:"box-prevNext",children:[(0,o.jsx)("button",{className:"swiper-prev"}),(0,o.jsx)("button",{className:"swiper-next"})]})]})]})}),(0,o.jsxs)("div",{className:"content",children:[(0,o.jsxs)("div",{className:"ad-banner-wrap text-banner",children:[(0,o.jsx)("div",{className:"ad-banner swiper",children:(0,o.jsx)("div",{className:"ad-banner__list swiper-wrapper",children:he.map((function(e){return(0,o.jsx)(h(),{href:"".concat(e.link_url),children:(0,o.jsxs)("a",{className:"ad-banner__item ".concat("W"!==e.font_color?"white":""," swiper-slide"),children:[(0,o.jsx)("img",{src:e.img1,className:"ad-banner__img img--lg",alt:e.title}),(0,o.jsx)("img",{src:e.img2,className:"ad-banner__img img--mo",alt:e.title}),""!==e.part?(0,o.jsxs)("div",{className:"inner-box",children:[(0,o.jsx)("div",{className:"inner-thumbnail",children:(0,o.jsx)("img",{src:e.thumbnail,alt:"banner-thumbnail"})}),(0,o.jsxs)("div",{className:"inner-text",children:[(0,o.jsxs)("div",{className:"tag-flex",children:[(0,o.jsx)("span",{className:"tag box",children:"\uc544\ub974\ub5bc Poll"}),(0,o.jsx)("span",{className:"tag circle",children:e.part})]}),(0,o.jsx)("strong",{children:e.title}),(0,o.jsxs)("p",{children:[(0,v.wA)(e.start_date),"-",(0,v.wA)(e.end_date)]})]})]}):""]})},e.banner_pk)}))})}),(0,o.jsx)("div",{className:"ad-banner__pagination"})]}),(0,o.jsxs)("div",{className:"hashtag-block",children:[(0,o.jsx)("h4",{className:"hashtag-block__title",children:"\uae08\uc8fc\uc758 \uc778\uae30 \uac80\uc0c9\uc5b4"}),V.map((function(e,s){return(0,o.jsx)(h(),{href:"/util/search/news?keyword=".concat(e.keyword),children:(0,o.jsxs)("span",{className:"hashtag",style:{cursor:"pointer"},children:["# ",e.keyword]})},"tag-".concat(s))}))]}),(0,o.jsxs)("section",{className:"ex-section","data-tab":"tab-wrap",children:[(0,o.jsx)("div",{className:"tab-block",children:(0,o.jsxs)("div",{className:"tab",children:[(0,o.jsx)("button",{type:"button",className:"tab__cur",children:"\uc804\uccb4"}),(0,o.jsx)("ul",{className:"tab__list","data-tab":"tab-list",children:W.map((function(e,s){return(0,o.jsx)("li",{className:"tab__item",children:(0,o.jsx)("a",{className:"tab__btn ".concat(re.code411===e.value?"is-active":""),"data-tab-btn":"tab".concat(s),value:e.value,name:"code411","data-code":e.value,onClick:function(e){return fe(e)},children:e.name})},s)}))})]})}),(0,o.jsx)("div",{className:"tab-content","data-tab":"tab-content",children:(0,o.jsxs)("div",{className:"ex-container",children:[(0,o.jsxs)("div",{className:"snb-section snb-section--right",children:[(0,o.jsxs)("article",{className:"ex-snb",children:[(0,o.jsx)("div",{className:"ex-snb__head",children:(0,o.jsx)("h4",{className:"ex-snb__title",children:"\uc74c\uc545\uacc4 \uc8fc\uc694 \ub274\uc2a4"})}),(0,o.jsx)("div",{className:"ex-snb__filter",children:(0,o.jsxs)("ul",{className:"form-group form-group--col2",children:[(0,o.jsx)("li",{children:(0,o.jsxs)("label",{className:"chkbox-rnd",children:[(0,o.jsx)("input",{type:"radio",className:"o-input",name:"chk-cate",onChange:function(){be("HOT")},checked:"HOT"===O}),(0,o.jsx)("span",{className:"label-text",children:"HOT"})]})}),(0,o.jsx)("li",{children:(0,o.jsxs)("label",{className:"chkbox-rnd",children:[(0,o.jsx)("input",{type:"radio",className:"o-input",name:"chk-cate",onChange:function(){be("NEW")},checked:"NEW"===O}),(0,o.jsx)("span",{className:"label-text",children:"NEW"})]})})]})}),(0,o.jsx)("div",{className:"ex-snb__body",children:(0,o.jsx)("ul",{className:"sbox-list",children:J.map((function(e){var s;return(0,o.jsxs)("li",{className:"sbox-item",children:[e.thumbnail&&(0,o.jsx)(h(),{href:"/music/news/".concat(e.id),children:(0,o.jsx)("a",{className:"thumb-img",children:(0,o.jsx)("span",{className:"img-holder",children:(0,o.jsx)("img",{src:e.thumbnail,alt:""})})})}),(0,o.jsx)("div",{className:"sbox-item__texts",children:(0,o.jsx)(h(),{href:"/music/news/".concat(e.id),children:(0,o.jsxs)("a",{className:"sbox-item__title",children:["Y"===(null===e||void 0===e?void 0:e.payment)&&(0,o.jsx)(y.Z,{}),null===e||void 0===e||null===(s=e.title)||void 0===s?void 0:s.replace("&nbsp;"," ").replace(/\n/g,"<br />")]})})})]},e.id)}))})})]}),(0,o.jsxs)("article",{className:"ex-snb",children:[(0,o.jsx)("div",{className:"ex-snb__head",children:(0,o.jsx)("h4",{className:"ex-snb__title",children:"\uc774\ubc88 \uc8fc \ucd94\ucc9c \ud14c\ub9c8 \uce7c\ub7fc"})}),(0,o.jsx)("div",{className:"ex-snb__body",children:(0,o.jsx)("ul",{className:"sbox-list sbox-list--cards",children:se.length<=0?(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("li",{className:"sbox-item sbox-item--e no-item",children:[(0,o.jsx)("a",{href:"#",className:"thumb-img"}),(0,o.jsx)("div",{className:"sbox-item__texts",children:(0,o.jsx)("a",{href:"#",className:"sbox-item__title",children:"\ub4f1\ub85d\ub41c \ucd94\ucc9c \ud14c\ub9c8 \uce7c\ub7fc\uc774 \uc5c6\uc2b5\ub2c8\ub2e4."})})]})}):(0,o.jsx)(o.Fragment,{children:se.map((function(e){var s;return(0,o.jsxs)("li",{className:"sbox-item sbox-item--e",children:[e.thumbnail&&(0,o.jsx)(h(),{href:"/music/theme/".concat(e.id),children:(0,o.jsx)("a",{className:"thumb-img",children:(0,o.jsx)("span",{className:"img-holder",children:(0,o.jsx)("img",{src:e.thumbnail,alt:""})})})}),(0,o.jsxs)("div",{className:"sbox-item__texts",children:[(0,o.jsxs)("div",{className:"artbox__stit",children:[(0,o.jsx)("span",{className:"tag-gen-s",children:e.theme_name}),"\xa0",(0,o.jsx)("span",{className:"ex-name",children:e.author_name})]}),(0,o.jsx)(h(),{href:"/music/theme/".concat(e.id),children:(0,o.jsx)("a",{className:"sbox-item__title",dangerouslySetInnerHTML:{__html:null===e||void 0===e||null===(s=e.title)||void 0===s?void 0:s.replace("&nbsp;"," ").replace(/\n/g,"<br />")}})})]})]},e.id)}))})})})]})]}),(0,o.jsxs)("article",{className:"ex-content",children:[(0,o.jsx)("div",{className:"sort-section",children:(0,o.jsxs)("div",{className:"sort-section__block",children:[(0,o.jsxs)("p",{className:"result-text",children:["\ucd1d ",H,"\uac1c\uc758 \ub274\uc2a4\uac00 \uc788\uc2b5\ub2c8\ub2e4"]}),(0,o.jsxs)("div",{className:"sort-section__side",children:[(0,o.jsxs)("div",{className:"view-sort",children:[(0,o.jsx)("button",{type:"button",className:"view-sort__cur",children:"\ucd5c\uc2e0\uc21c"}),(0,o.jsxs)("ul",{className:"view-sort__list",children:[(0,o.jsx)("li",{className:"article_date"===re.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"article_date",onClick:fe,children:"\ucd5c\uc2e0\uc21c"})}),(0,o.jsx)("li",{className:"view_cnt"===re.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"view_cnt",onClick:fe,children:"\uc870\ud68c\uc21c"})}),(0,o.jsx)("li",{className:"like_cnt"===re.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"like_cnt",onClick:fe,children:"\uc88b\uc544\uc694\uc21c"})}),(0,o.jsx)("li",{className:"reply_cnt"===re.sort?"sort-on":"",children:(0,o.jsx)("button",{className:"view-sort__btn",type:"button",name:"sort",value:"reply_cnt",onClick:fe,children:"\ub313\uae00\uc21c"})})]})]}),(0,o.jsx)("div",{className:"rbox-block",children:(0,o.jsxs)("span",{className:"search-box",children:[(0,o.jsx)("input",{type:"text",className:"o-input",placeholder:"\uac80\uc0c9\uc5b4\ub97c \uc785\ub825\ud558\uc138\uc694",name:"search_keyword",value:ae,onChange:function(e){ie(e.target.value)},maxLength:20,onKeyDown:function(e){"Enter"===e.key&&Ne()}}),(0,o.jsx)("button",{type:"button",className:"o-btn o-btn-search","aria-label":"\uac80\uc0c9",onClick:Ne})]})})]})]})}),X.length<=0?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("div",{className:"search-result__nodata",children:(0,o.jsx)("p",{children:"\uac80\uc0c9\uacb0\uacfc\uac00 \uc5c6\uc2b5\ub2c8\ub2e4."})})}):(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)("div",{className:"art-list-wrap",children:[(0,o.jsx)(k.Z,{category:"music",newsList:X,handleClickPostLike:ve,postLikeName:"musicNewsList"}),(0,o.jsx)(b.Z,{page:re.page,limit:re.limit,totalCount:H,handleChangePage:fe})]})})]})]})})]})]}),je&&(0,o.jsx)(w.Z,{})]})]})}}},function(e){e.O(0,[8944,9774,2888,179],(function(){return s=4155,e(e.s=s);var s}));var s=e.O();_N_E=s}]);