const appServerURL = "//apps.hyapps.com/"; var MorenvyBanner_AreaData = {"1da9":{"id":"1da9","name":"\uba54\uc778 : \ud31d\uc5c5","desc":"","displayType":"0","isActive":true,"createDate":"2022-12-02","bannerList":{"1669942106389":{"id":"1669942106389","name":"\uba54\uc778\ud31d\uc5c501","isActive":true,"displayType":0,"displayBeginTime":"2022-12-02 09:00:00","displayEndTime":"2022-12-02 15:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231113\/d203fdc3b1c0d602da8a79a5a41b1396.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1691631109710":{"id":"1691631109710","name":"\uba54\uc778\ud31d\uc5c502","isActive":true,"displayType":0,"displayBeginTime":"2023-08-10 10:00:00","displayEndTime":"2023-08-10 10:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240801\/110e6c2cd8a42448b80fb7a0e6855553.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]}},"index":0},"2afe":{"id":"2afe","name":"\uba54\uc778 : \uba54\uc778\ube44\uc8fc\uc5bc01","desc":"","displayType":"0","isActive":true,"createDate":"2022-12-02","bannerList":{"1669946481415":{"id":"1669946481415","name":"\uba54\uc778\ube44\uc8fc\uc5bc01","isActive":false,"displayType":0,"displayBeginTime":"2022-12-02 11:00:00","displayEndTime":"2022-12-02 11:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/07293dac4765085168c1df67d2e0f4f7.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0}},"index":4},"e237":{"id":"e237","name":"\ub808\uc774\uc544\uc6c3 : \uc88c\uce21\ubc30\ub108","desc":"","displayType":"0","isActive":true,"createDate":"2023-01-11","bannerList":{"1673416153908":{"id":"1673416153908","name":"\uc88c\uce21\ubc30\ub108","isActive":true,"displayType":0,"displayBeginTime":"2023-01-11 14:00:00","displayEndTime":"2023-01-11 14:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240223\/8c58da15c9d5b4a1989e3a78e0682e2f.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0}},"index":10},"26b0":{"id":"26b0","name":"\uba54\uc778 : \uba54\uc778\ube44\uc8fc\uc5bc02","desc":"","displayType":"0","isActive":true,"createDate":"2023-05-10","bannerList":{"1669946481415":{"id":"1669946481415","name":"\uba54\uc778\ube44\uc8fc\uc5bc02","isActive":true,"displayType":0,"displayBeginTime":"2022-12-02 11:00:00","displayEndTime":"2022-12-02 11:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20230515\/a0cbb6c4d6f915031154839cf1434b17.png","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0}},"index":5},"fccb":{"id":"fccb","name":"\uba54\uc778 : \uba54\uc778\ube44\uc8fc\uc5bc03","desc":"","displayType":"0","isActive":true,"createDate":"2023-05-10","bannerList":{"1669946481415":{"id":"1669946481415","name":"\uba54\uc778\ube44\uc8fc\uc5bc03","isActive":true,"displayType":0,"displayBeginTime":"2022-12-02 11:00:00","displayEndTime":"2022-12-02 11:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/d0a7802ece8d45e3c07f61bf0541a8c3.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0}},"index":6},"4dcb":{"id":"4dcb","name":"\uba54\uc778 : \uba54\uc778\ube44\uc8fc\uc5bc04","desc":"","displayType":"0","isActive":true,"createDate":"2023-05-10","bannerList":{"1669946481415":{"id":"1669946481415","name":"\uba54\uc778\ube44\uc8fc\uc5bc04","isActive":true,"displayType":0,"displayBeginTime":"2022-12-02 11:00:00","displayEndTime":"2022-12-02 11:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231113\/7dc91e600ad4212686b1a45ae7157179.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0}},"index":7},"3d24":{"id":"3d24","name":"\uba54\uc778 : \uc2ac\ub77c\uc774\ub4dc01 (\ud504\ub85c\ud544)","desc":"","displayType":"0","isActive":true,"createDate":"2023-05-10","bannerList":{"1683688879537":{"id":"1683688879537","name":"\uad8c\uc774\uc724\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240617\/7aac6c98c4ffac9cf37f03429575ec35.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1683688924687":{"id":"1683688924687","name":"\ubc15\uc7ac\uc601\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240627\/9f6a56a9583135849c646fad91e2d602.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1715149857333":{"id":"1715149857333","name":"\ubc15\uc131\ud558\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2024-01-08 12:00:00","displayEndTime":"2024-01-08 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240617\/3c0cf22c98defd2fcfb4eeaa70a613f6.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":2,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1718006599449":{"id":"1718006599449","name":"\uc774\ud0dc\ud76c\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2024-01-08 12:00:00","displayEndTime":"2024-01-08 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240731\/497611ce13efacf94d21f63c7a4c3b07.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":3,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1718006602868":{"id":"1718006602868","name":"\ubc15\uc9c0\ud64d\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2024-01-08 12:00:00","displayEndTime":"2024-01-08 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240618\/f56a66ad8ed878f826cf5de2b796eea8.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":4,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1718588585819":{"id":"1718588585819","name":"\ud558\uc8fc\uc601\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2024-01-08 12:00:00","displayEndTime":"2024-01-08 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240710\/da88c2dff8318aad1d84ea168feb4d29.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":5,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1720603772327":{"id":"1720603772327","name":"\uc774\uc2b9\uc740\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2024-01-08 12:00:00","displayEndTime":"2024-01-08 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240710\/2da779da135baebb917390b000b137c8.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":6,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]},"1720603782511":{"id":"1720603782511","name":"\ubc15\uc7ac\uc724\uc6d0\uc7a5\ub2d8","isActive":true,"displayType":0,"displayBeginTime":"2024-01-08 12:00:00","displayEndTime":"2024-01-08 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20240812\/3ffca7ae149c86dea798a703e6723b85.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":7,"repeatBeginTime":"2000-01-01 00:00:00","repeatEndTime":"2000-01-01 00:00:00","repeatType":"day","repeatData":{"day":"1","week":{"everyW":"1","everyD":0},"month":{"everyM":"1","month_type":"month_day","month_day":"1","month_week_everyW":"1","month_week_everyD":"7"}},"videoUrl":[{"url":"","ratioX":16,"ratioY":9,"autoPlay":false}]}},"index":8},"ccb4":{"id":"ccb4","name":"\uba54\uc778 : \uc2ac\ub77c\uc774\ub4dc02 (\ub9e4\uc7a5)","desc":"","displayType":"0","isActive":true,"createDate":"2023-05-10","bannerList":{"1683688879537":{"id":"1683688879537","name":"\ub9e4\uc7a501","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/80750779747233756a258aa5d64ed802.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":0},"1683688900843":{"id":"1683688900843","name":"\ub9e4\uc7a502","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/e58f7a421c3c865b8af706a2346bbfcb.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":1},"1683688912898":{"id":"1683688912898","name":"\ub9e4\uc7a503","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/8cb0ffb88a7f032369d5c1801a5792b7.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":2},"1683688918733":{"id":"1683688918733","name":"\ub9e4\uc7a504","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/ca3ae7f592e87d2de1132a04b32aab78.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":3},"1683688924687":{"id":"1683688924687","name":"\ub9e4\uc7a505","isActive":true,"displayType":0,"displayBeginTime":"2023-05-10 12:00:00","displayEndTime":"2023-05-10 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/3a07ce931653a3424edbd7661ece1e17.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":4},"1703044068793":{"id":"1703044068793","name":"\ub9e4\uc7a506","isActive":true,"displayType":0,"displayBeginTime":"2023-12-20 12:00:00","displayEndTime":"2023-12-20 12:00:00","html":"","img":[{"url":"https:\/\/ecimg.cafe24img.com\/pg344b47841162021\/midc2879\/web\/upload\/NNEditor\/20231220\/e4474b84bc1fecb966ce148b6727563f.jpg","type":2}],"link":[{"url":"","openType":"_self"}],"AddOn":[""],"index":5}},"index":9},"b0e8":{"id":"b0e8","name":"\uba54\uc778 : \uc720\ud29c\ube0c \uc139\uc158","desc":"","displayType":"0","isActive":true,"createDate":"2023-12-20","bannerList":{"1703039138613":{"id":"1703039138613","name":"","isActive":true,"displayType":0,"displayBeginTime":"2023-12-20 11:00:00","displayEndTime":"2023-12-20 11:00:00","html":""; } break; case "vimeo" : { iframeElem = "
"; } break; case "charlla" : { iframeElem = "
"; } break; case "mp4" : { let autoplay_chk = ""; if( true == urlData.autoPlay ) autoplay_chk = "autoplay"; iframeElem = "
"; } break; default : { console.log( "영상없음" ); } break; } switch( i ) { case "0" : html = html.replace( /{#video_1}/gi, iframeElem ); break; case "1" : html = html.replace( /{#video_2}/gi, iframeElem ); break; case "2" : html = html.replace( /{#video_3}/gi, iframeElem ); break; } } return html; } //--------------------------------------------------------------------------------------------------------------------------------- // 배너 관리자 Init_MorenvyBannerManager(); //(function( CAFE24API ) function Init_MorenvyBannerManager() { console.log( "%c----- Banner Manager -----", "color:rgb(20, 85, 249); font-size: 25px;" ); console.log( "최종 수정 스킨 : " + LastSaveData[ "lastSaveSkin" ] ); console.log( "최종 수정 일자 : " + LastSaveData[ "lastSaveDate" ] ); console.log( "https://morenvy.com" ); console.log( "%c--------------------------", "color:rgb(20, 85, 249); font-size: 25px;" ); // 배너영역 클래스 검색 var bannerAreaList = document.getElementsByClassName( "morenvy-banner-area" ); if( null == bannerAreaList ) return; for( var i = 0; i < bannerAreaList.length; ) { // HTML에서 배너영역 ID 가져온다 var bannerArea = bannerAreaList[ i ]; var areaID = bannerArea.getAttribute( "area_id" ); // 배너영역 ID로 데이터 검색 var areaData = MorenvyBanner_AreaData[ areaID ]; if( null == areaData ) { bannerArea.style.display = "none"; ++i; continue; } // 순서대로 출력 var bannerArray = []; if( "0" == areaData.displayType ) { for( var key in areaData.bannerList ) { bannerArray.push( areaData.bannerList[ key ] ); } bannerArray.sort( function( a, b ) { return a.index > b.index ? 1 : -1; } ); } // 랜덤 출력 else if( "1" == areaData.displayType ) { for( var key in areaData.bannerList ) { areaData.bannerList[ key ].random = Math.random(); bannerArray.push( areaData.bannerList[ key ] ); } bannerArray.sort( function( a, b ) { return a.random > b.random ? 1 : -1; } ); } var bannerList = bannerAreaList[ i ].getElementsByClassName( "morenvy-banner" ); if( 0 == bannerList.length ) { bannerArea.style.display = "none"; ++i; continue; } // 설정 수 보다 엘리먼트가 부족할 경우 마지막 엘리먼트 복사 if( bannerList.length < bannerArray.length ) { var copyTarget = bannerList[ bannerList.length - 1 ]; var loopCount = bannerArray.length - bannerList.length; for( var j = 0; j < loopCount; ++j ) { var copyElem = copyTarget.cloneNode( true ); //bannerAreaList[ i ].append( copyElem ); copyTarget.parentElement.append( copyElem ); } } var showIndex = 0; for( var j = 0; j < bannerList.length; ) { var bannerData = j >= bannerArray.length ? null : bannerArray[ j ]; // 배너 데이터 없음 if( null == bannerData ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } // 활성 중? if( false == bannerData.isActive ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } // 기간 노출 if( 1 == bannerData.displayType ) { var beginDate = new Date( bannerData.displayBeginTime.replace( /-/g, "/" ) ); var endDate = new Date( bannerData.displayEndTime.replace( /-/g, "/" ) ); var curTime = new Date(); if( beginDate > curTime || endDate < curTime ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } } // 반복 노출 if( 2 == bannerData.displayType ) { let curTime = new Date(); const getWeek = () => { const now = new Date(); const currentDate = now.getDate(); const firstDay = new Date( now.setDate( 1 ) ).getDay(); return Math.ceil( (currentDate + firstDay) / 7 ); }; const checkDay = ( day ) => { return curTime.getDate() == day; }; const checkWeek = ( week, day, isFlag ) => { if( getWeek() == week ) { if( true == isFlag ) { let flag = 0x00000000; switch( curTime.getDay() ) { case 1 : flag = 0x00000001; break; case 2 : flag = 0x00000002; break; case 3 : flag = 0x00000004; break; case 4 : flag = 0x00000008; break; case 5 : flag = 0x00000010; break; case 6 : flag = 0x00000012; break; case 7 : flag = 0x00000014; break; } if( flag & day ) return true; } else { if( curTime.getDay() == day ) return true; } } return false; }; let isRemove = false; const repeatData = bannerData.repeatData; // 매월 특정 일마다 반복 if( "day" == bannerData.repeatType ) { if( false == checkDay( repeatData.day ) ) isRemove = true; } // 특정 주, 요일 마다 반복 else if( "week" == bannerData.repeatType ) { if( false == checkWeek( repeatData.week.everyW, repeatData.week.everyD, true ) ) isRemove = true; } // 특정 월 반복 else if( "month" == bannerData.repeatType ) { if( curTime.getMonth() + 1 == repeatData.month.everyM ) { // 특정 일 반복 if( "month_day" == repeatData.month.month_type ) { if( false == checkDay( repeatData.month.month_day ) ) isRemove = true; } // 특정 주, 요일 마다 반복 else { if( false == checkWeek( repeatData.month.month_week_everyW, repeatData.month.month_week_everyD, false ) ) isRemove = true; } } else { isRemove = true; } } if( true == isRemove ) { bannerList[ j ].remove(); bannerArray.splice( j, 1 ); continue; } } var html = bannerList[ j ].innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); html = html.replace( /{#areaName}/gi, areaData.name ); html = html.replace( /{#areaDesc}/gi, areaData.desc ); html = html.replace( /{#areaDisplayType}/gi, areaData.displayType ); html = html.replace( /{#num}/gi, ++showIndex ); html = html.replace( /{#title}/gi, bannerData.name ); html = html.replace( /{#displayType}/gi, bannerData.displayType ); html = html.replace( /{#displayBeginTime}/gi, bannerData.displayBeginTime ); html = html.replace( /{#displayEndTime}/gi, bannerData.displayEndTime ); html = html.replace( /{#text_1}/gi, 0 < bannerData.AddOn.length ? bannerData.AddOn[ 0 ] : "" ); html = html.replace( /{#text_2}/gi, 1 < bannerData.AddOn.length ? bannerData.AddOn[ 1 ] : "" ); html = html.replace( /{#text_3}/gi, 2 < bannerData.AddOn.length ? bannerData.AddOn[ 2 ] : "" ); html = html.replace( /{#link_1}/gi, 0 < bannerData.link.length ? bannerData.link[ 0 ].url : "" ); html = html.replace( /{#link_2}/gi, 1 < bannerData.link.length ? bannerData.link[ 1 ].url : "" ); html = html.replace( /{#link_3}/gi, 2 < bannerData.link.length ? bannerData.link[ 2 ].url : "" ); html = html.replace( /{#target_1}/gi, 0 < bannerData.link.length ? bannerData.link[ 0 ].openType : "" ); html = html.replace( /{#target_2}/gi, 1 < bannerData.link.length ? bannerData.link[ 1 ].openType : "" ); html = html.replace( /{#target_3}/gi, 2 < bannerData.link.length ? bannerData.link[ 2 ].openType : "" ); html = html.replace( /{#html}/gi, bannerData.html ); // 비디오 or 이미지 태그를 데이터 값에 따라 명확히 구분 if( null != bannerData.videoUrl && "undefined" != bannerData.videoUrl ) { if( 0 < bannerData.videoUrl.length ) { const url = bannerData.videoUrl[ 0 ].url; if( null != url && "" != url ) html = html.replace( /{#imgTag_1_or_video_1}/gi, "{#video_1}" ); else html = html.replace( /{#imgTag_1_or_video_1}/gi, "{#imgTag_1}" ); } else { html = html.replace( /{#imgTag_1_or_video_1}/gi, "{#imgTag_1}" ); } if( 1 < bannerData.videoUrl.length ) { const url = bannerData.videoUrl[ 1 ].url; if( null != url && "" != url ) html = html.replace( /{#imgTag_2_or_video_2}/gi, "{#video_2}" ); else html = html.replace( /{#imgTag_2_or_video_2}/gi, "{#imgTag_2}" ); } else { html = html.replace( /{#imgTag_2_or_video_2}/gi, "{#imgTag_2}" ); } if( 2 < bannerData.videoUrl.length ) { const url = bannerData.videoUrl[ 2 ].url; if( null != url && "" != url ) html = html.replace( /{#imgTag_3_or_video_3}/gi, "{#video_3}" ); else html = html.replace( /{#imgTag_3_or_video_3}/gi, "{#imgTag_3}" ); } else { html = html.replace( /{#imgTag_3_or_video_3}/gi, "{#imgTag_3}" ); } } html = html.replace( /{#imgTag_1}/gi, 0 < bannerData.img.length ? "" : "" ); html = html.replace( /{#imgTag_2}/gi, 1 < bannerData.img.length ? "" : "" ); html = html.replace( /{#imgTag_3}/gi, 2 < bannerData.img.length ? "" : "" ); html = html.replace( /{#imgSrc_1}/gi, 0 < bannerData.img.length ? bannerData.img[ 0 ].url : "" ); html = html.replace( /{#imgSrc_2}/gi, 1 < bannerData.img.length ? bannerData.img[ 1 ].url : bannerData.img[ bannerData.img.length - 1 ].url ); html = html.replace( /{#imgSrc_3}/gi, 2 < bannerData.img.length ? bannerData.img[ 2 ].url : bannerData.img[ bannerData.img.length - 1 ].url ); // 비디오 태그 생성 html = makeVideoTag( html, bannerData ); bannerList[ j ].innerHTML = html; activeBannerElem.push( { elem : bannerList[ j ], bannerData : bannerData } ); ++j; } if( 0 == bannerList.length ) bannerArea.style.display = "none"; ++i; bannerArea.classList.add( "init" ); } }/* )( CAFE24API.init( { version: "2022-09-01", client_id: "gSOPn7dNJxAp8cu31kDDtD" } ) );*/ //---------------------------------------------------------------------------------------------------------------------------- // 상품 진열 플러그인 function Init_MorenvyProductDisplay() { // 상품 정보 요청 최대 개수, cafe24에서 최대 100개까지 지원됨. const maxSearchCount = 100; // 상품 정보 요청할 상품 번호 var needToSearchProduct = {}; // 상품 정보 콜백 받은 후 html replace 필요한 엘리먼트들, 해당 엘리먼트 내 상품 번호 var needToReplaceElems = []; // 초기화 필요한 product area var needToInitPrudctArea = []; // replace 필요한 상품 배열 데이터 var needToReplaceArray = {}; // 모바일인지 체크 var isMobile = /Mobi/i.test( window.navigator.userAgent ); // 상품 관련 태그를 상품 번호 태그로 매핑 // ex) {#productName} ----> {#19_Name} function replaceToProductNo( html, tagName, productNo, replace ) { const regExp = new RegExp( `{${"#" + tagName}}`, "gi" ); if( null != productNo ) html = html.replace( regExp, "{#" + productNo + "_" + replace + "}" ); else html = html.replace( regExp, "" ); return html; } // 배열 데이터 태그 replace function replaceToArrayProductNo( html, tagName, productNo, replace ) { var nextIndex = 0; while( true ) { var startIndex = html.indexOf( "{#" + tagName, nextIndex ); if( -1 == startIndex ) break; var endIndex = html.indexOf( "}", startIndex ); if( -1 == endIndex ) break; var arrayIndex = html.slice( startIndex + String( "{#" + tagName ).length + 1, endIndex ); if( null == needToReplaceArray[ productNo ] ) needToReplaceArray[ productNo ] = new Object(); if( null == needToReplaceArray[ productNo ][ replace ] ) needToReplaceArray[ productNo ][ replace ] = new Object(); needToReplaceArray[ productNo ][ replace ][ arrayIndex ] = 0; nextIndex = endIndex + 1; } const regExp = new RegExp( `{${"#" + tagName + "_"}`, "gi" ); if( null != productNo ) html = html.replace( regExp, "{#" + productNo + "_" + replace + "_" ); else html = html.replace( regExp, "" ); return html; } // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace function replaceTag( html, productNo, tag, replace ) { const regExp = new RegExp( `{${"#" + productNo + "_" + tag}}`, "gi" ); html = html.replace( regExp, replace ); return html; } // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace (한개만) function replaceOneTag( html, productNo, tag, replace ) { html = html.replace( "{#" + productNo + "_" + tag + "}", replace ); return html; } // 상품 번호로 매핑된 태그를 실제 상품 정보로 replace function replaceArrayTag( index, html, productNo, tag, replace ) { const regExp = new RegExp( `{${"#" + productNo + "_" + tag + "_" + index}}`, "gi" ); html = html.replace( regExp, replace ); return html; } // 배너관리자에서 활성된 배너 for( var key in activeBannerElem ) { // 활성된 배너 데이터 var bannerData = activeBannerElem[ key ].bannerData; // 상품 진열 데이터 없음 if( null == bannerData.productDisplay || 0 == bannerData.productDisplay.length ) continue; // 상품 진열 영역 var productAreaList = activeBannerElem[ key ].elem.getElementsByClassName( "morenvy-product-area" ); if( null == productAreaList || 0 == productAreaList.length ) continue; for( var i = 0; i < productAreaList.length; ) { var productArea = productAreaList[ i ]; var productList = productArea.getElementsByClassName( "morenvy-product" ); if( null == productList || 0 == productList.length ) { productAreaList[ i ].remove(); continue; } // 설정 수 보다 엘리먼트가 부족할 경우 마지막 엘리먼트 복사 if( productList.length < bannerData.productDisplay.length ) { var copyTarget = productList[ productList.length - 1 ]; var loopCount = bannerData.productDisplay.length - productList.length; for( var j = 0; j < loopCount; ++j ) { var copyElem = copyTarget.cloneNode( true ); productArea.append( copyElem ); } } for( var j = 0; j < productList.length; ) { // 상품 검색 최대 수 도달 if( maxSearchCount <= Object.keys( needToSearchProduct ).length ) break; var productNo = j >= bannerData.productDisplay.length ? null : bannerData.productDisplay[ j ]; // 상품 데이터 없음 if( null == productNo ) { productList[ j ].remove(); bannerData.productDisplay.splice( j, 1 ); continue; } var html = productList[ j ].innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); // 모바일/PC에 따라 아이콘 다름 if( false == isMobile ) { html = html.replace( /{#soldout_icon}/gi, IconsPC[ "soldout" ] ); html = html.replace( /{#soldout_iconTag}/gi, "" ); } else { html = html.replace( /{#soldout_icon}/gi, IconsMobile[ "soldout" ] ); html = html.replace( /{#soldout_iconTag}/gi, "" ); } // 상품 번호 매핑 html = html.replace( /{#productNo}/gi, productNo ); // 상품 태그를 상품 번호 태그로 매핑 html = replaceToProductNo( html, "link", productNo, "Link" ); html = replaceToProductNo( html, "name", productNo, "Name" ); html = replaceToProductNo( html, "nameEn", productNo, "NameEn" ); html = replaceToProductNo( html, "price", productNo, "Price" ); html = replaceToProductNo( html, "retailPrice", productNo, "RetailPrice" ); html = replaceToProductNo( html, "discountPrice", productNo, "DiscountPrice" ); html = replaceToProductNo( html, "imgBig", productNo, "ImgBig" ); html = replaceToProductNo( html, "imgBigTag", productNo, "ImgBigTag" ); html = replaceToProductNo( html, "imgMedium", productNo, "ImgMedium" ); html = replaceToProductNo( html, "imgMediumTag", productNo, "ImgMediumTag" ); html = replaceToProductNo( html, "imgSmall", productNo, "ImgSmall" ); html = replaceToProductNo( html, "imgSmallTag", productNo, "ImgSmallTag" ); html = replaceToProductNo( html, "imgTiny", productNo, "ImgTiny" ); html = replaceToProductNo( html, "imgTinyTag", productNo, "ImgTinyTag" ); html = replaceToProductNo( html, "summaryDesc", productNo, "SummaryDesc" ); html = replaceToProductNo( html, "simpleDesc", productNo, "SimpleDesc" ); html = replaceToProductNo( html, "customCode", productNo, "CustomCode" ); html = replaceToProductNo( html, "modelName", productNo, "ModelName" ); html = replaceToProductNo( html, "brand", productNo, "Brand" ); html = replaceToProductNo( html, "trend", productNo, "Trend" ); html = replaceToProductNo( html, "manu", productNo, "Manu" ); html = replaceToProductNo( html, "opt_discountPrice", productNo, "Opt_DiscountPrice" ); html = replaceToProductNo( html, "coupon_discountPrice", productNo, "Coupon_DiscountPrice" ); html = replaceToProductNo( html, "promotion_period", productNo, "Promotion_Period" ); // addImg / addImgTag 처럼 태그 이름이 확장되는 경우 확장된 놈부터 replace, 에러남 html = replaceToArrayProductNo( html, "addInfo_name", productNo, "AddInfo_Name" ); html = replaceToArrayProductNo( html, "addInfo_value", productNo, "AddInfo_Value" ); html = replaceToArrayProductNo( html, "addImgTag", productNo, "AddImgTag" ); html = replaceToArrayProductNo( html, "addImg", productNo, "AddImg" ); productList[ j ].innerHTML = html; needToSearchProduct[ productNo ] = 0; needToReplaceElems.push( { areaElem : productArea, productNo : productNo, productElem : productList[ j ] } ); ++j; } needToInitPrudctArea.push( productArea ); ++i; } } // 상품 검색 Search(); function applyProductData( products ) { // replace가 먼저 되면 엘리먼트 삭제가 안된다. // 삭제할 엘리먼트만 먼저 찾아서 삭제 for( var key in needToReplaceElems ) { // 상품 엘리먼트 var productElem = needToReplaceElems[ key ].productElem; // 상품 번호 var productNo = needToReplaceElems[ key ].productNo; // 해당 번호의 상품 데이터 없음. 엘리먼트 삭제 var data = products[ productNo ]; if( null == data ) { productElem.remove(); continue; } // 진열중 아니거나 판매중 아니면 엘리먼트 삭제 if( "F" == data.selling || "F" == data.display ) { productElem.remove(); continue; } } // 검색된 상품 정보를 각각의 엘리먼트에 상품 번호로 매핑된 태그를 찾아 replace for( var key in needToReplaceElems ) { // 상품 영역 엘리먼트 var productAreaElem = needToReplaceElems[ key ].areaElem; // 상품 엘리먼트 var productElem = needToReplaceElems[ key ].productElem; // 상품 번호 var productNo = needToReplaceElems[ key ].productNo; var data = products[ productNo ]; if( null == data || "F" == data.selling || "F" == data.display ) continue; // PC/모바일 할인가가 다름 var discount = true == isMobile ? data.discountprice.mobile_discount_price : data.discountprice.pc_discount_price; var html = productAreaElem.innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); html = replaceTag( html, data.product_no, "Link", "/product/detail.html?product_no=" + data.product_no ); html = replaceTag( html, data.product_no, "Name", data.product_name ); html = replaceTag( html, data.product_no, "NameEn", data.eng_product_name ); html = replaceTag( html, data.product_no, "Price", parseInt( data.price ).toLocaleString() ); html = replaceTag( html, data.product_no, "RetailPrice", parseInt( data.retail_price ).toLocaleString() ); html = replaceTag( html, data.product_no, "DiscountPrice", parseInt( discount ).toLocaleString() ); html = replaceTag( html, data.product_no, "ImgBig", data.detail_image ); html = replaceTag( html, data.product_no, "ImgBigTag", "" ); html = replaceTag( html, data.product_no, "ImgMedium", data.list_image ); html = replaceTag( html, data.product_no, "ImgMediumTag", "" ); html = replaceTag( html, data.product_no, "ImgSmall", data.small_image ); html = replaceTag( html, data.product_no, "ImgSmallTag", "" ); html = replaceTag( html, data.product_no, "ImgTiny", data.tiny_image ); html = replaceTag( html, data.product_no, "ImgTinyTag", "" ); html = replaceTag( html, data.product_no, "SummaryDesc", data.summary_description ); html = replaceTag( html, data.product_no, "CustomCode", data.custom_product_code ); html = replaceTag( html, data.product_no, "ModelName", data.model_name ); productAreaElem.innerHTML = html; ++i; } // 상품 영역 초기화 완료 for( var key in needToInitPrudctArea ) { needToInitPrudctArea[ key ].classList.add( "init" ); } } function Search() { // 검색 필요한 상품 없음 if( 0 == Object.keys( needToSearchProduct ).length ) return; var count = 0; // 상품 검색 파라미터 var searchParam = "?embed=discountprice&product_no="; for( var key in needToSearchProduct ) { ++count; if( 1 < count ) searchParam += ","; searchParam += key; } // 상품 검색 개수, cafe24에서 최대 100개까지 지원됨. searchParam += "&limit=" + maxSearchCount; // 상품 검색 요청 CAFE24API.get( "/api/v2/products" + searchParam, function( err, res ) { // 상품 번호를 키로 object 변환 var products = {}; for( var i in res.products ) { products[ res.products[ i ].product_no ] = res.products[ i ]; } applyProductData( products ); var reqDetailCount = 0; var totalReqCount = 0; var totalApplyCount = 0; function reqDetail() { var arrProductNo = Object.keys( needToSearchProduct ); if( 0 == arrProductNo ) return; ++reqDetailCount; ++totalReqCount; var productNo = arrProductNo[ 0 ]; CAFE24API.get( "/api/v2/productsdetail/" + productNo, function( err, res ) { applyProductDetail( res.productsdetail ); ++totalApplyCount; if( totalApplyCount == totalReqCount ) replaceNaN(); } ); delete needToSearchProduct[ productNo ]; if( 40 <= reqDetailCount ) { setTimeout( function() { reqDetailCount = 0; reqDetail(); }, 2500 ); } else { reqDetail(); } } reqDetail(); function applyProductDetail( data ) { // 상품 진열 영역 var productAreaList = document.getElementsByClassName( "morenvy-product-area" ); if( null == productAreaList || 0 == productAreaList.length ) return; for( var i = 0; i < productAreaList.length; ++i ) { var elem = productAreaList[ i ]; var html = elem.innerHTML; html = html.replace( /%7B/gi, "{" ); html = html.replace( /%7D/gi, "}" ); html = replaceTag( html, data.product_no, "SimpleDesc", null == data.simple_description ? "" : data.simple_description ); html = replaceTag( html, data.product_no, "Brand", null == data.brand_name ? "" : data.brand_name ); html = replaceTag( html, data.product_no, "Trend", null == data.trend_name ? "" : data.trend_name ); html = replaceTag( html, data.product_no, "Manu", null == data.manufacturer_name ? "" : data.manufacturer_name ); html = replaceTag( html, data.product_no, "Opt_DiscountPrice", null == data.optimum_discount_price ? "" : arseInt( data.optimum_discount_price ).toLocaleString() ); html = replaceTag( html, data.product_no, "Coupon_DiscountPrice", null == data.coupon_discounted_price ? "" : parseInt( data.coupon_discounted_price ).toLocaleString() ); if( null != data.promotion_period ) { var startDate = new Date( data.promotion_period.start_date ); var endDate = new Date( data.promotion_period.end_date ); var timeText = startDate.getFullYear() + "-" + (startDate.getMonth() + 1).toString().padStart( 2, "0" ) + "-" + startDate.getDate().toString().padStart( 2, "0" ) + " " + startDate.getHours().toString().padStart( 2, "0" ) + ":" + startDate.getMinutes().toString().padStart( 2, "0" ) + " ~ " + endDate.getFullYear() + "-" + (endDate.getMonth() + 1).toString().padStart( 2, "0" ) + "-" + endDate.getDate().toString().padStart( 2, "0" ) + " " + endDate.getHours().toString().padStart( 2, "0" ) + ":" + endDate.getMinutes().toString().padStart( 2, "0" ); html = replaceTag( html, data.product_no, "Promotion_Period", timeText ); } else { html = replaceTag( html, data.product_no, "Promotion_Period", data.coupon_discounted_price ); } if( null != data.additional_information ) { for( var j = 0; j < data.additional_information.length; ++j ) { const info = data.additional_information[ j ]; html = replaceArrayTag( j + 1, html, data.product_no, "AddInfo_Name", info.name ); html = replaceArrayTag( j + 1, html, data.product_no, "AddInfo_Value", info.value ); if( null != needToReplaceArray[ data.product_no ] ) { if( null != needToReplaceArray[ data.product_no ][ "AddInfo_Name" ] ) delete needToReplaceArray[ data.product_no ][ "AddInfo_Name" ][ (j + 1).toString() ]; if( null != needToReplaceArray[ data.product_no ][ "AddInfo_Value" ] ) delete needToReplaceArray[ data.product_no ][ "AddInfo_Value" ][ (j + 1).toString() ]; } } } if( null != data.additional_images ) { for( var j = 0; j < data.additional_images.length; ++j ) { const img = data.additional_images[ j ]; html = replaceArrayTag( j + 1, html, data.product_no, "AddImg", img.big ); html = replaceArrayTag( j + 1, html, data.product_no, "AddImgTag", "" ); if( null != needToReplaceArray[ data.product_no ] ) { if( null != needToReplaceArray[ data.product_no ][ "AddImg" ] ) delete needToReplaceArray[ data.product_no ][ "AddImg" ][ (j + 1).toString() ]; if( null != needToReplaceArray[ data.product_no ][ "AddImgTag" ] ) delete needToReplaceArray[ data.product_no ][ "AddImgTag" ][ (j + 1).toString() ]; } } } elem.innerHTML = html; } } } ); } // 태그 변수 입력은 됐는데 실제 조회 후 데이터가 없는 경우 NaN으로 replace function replaceNaN() { for( var keyProductNo in needToReplaceArray ) { for( var keyTag in needToReplaceArray[ keyProductNo ] ) { for( var keyNum in needToReplaceArray[ keyProductNo ][ keyTag ] ) { for( var i = 0; i < productAreaList.length; ++i ) { var elem = productAreaList[ i ]; var html = elem.innerHTML; html = replaceTag( html, keyProductNo, keyTag + "_" + keyNum, "" ); elem.innerHTML = html; } } } } } } let Morenvy_Wait_CAEF24 = setInterval( () => { if( typeof CAFE24API != "undefined" ) { clearInterval( Morenvy_Wait_CAEF24 ); (function( CAFE24API ) { Init_MorenvyProductDisplay(); } )( CAFE24API.init( { version: "2022-09-01", client_id: "gSOPn7dNJxAp8cu31kDDtD" } ) ); } }, 50 );