메인 당신을위한추천 web 완료/ mob 작업중

src/main/webapp/WEB-INF/views/mob/display/MallMainFormMob.html

@@ -505,7 +505,26 @@
 							</div>
 						</div>
 <!--					</th:block>-->
+				</th:block>
+
+				<th:block th:if="${contentsLoc=='010'}">
+					<!-- 10. 당신을 위한 제안 -->
+					<div class="inner wide">
+						<div class="main_foryou">
+							<div class="titWrap">
+								<h2 th:text="${mainLayoutData.contentsTitle}">당신을 위한 제안</h2>
+							</div>
 
+							<div class="swiper-container post-sug">
+								<div class="swiper-wrapper" id="recomItemArea">
+
+
+								</div>
+								<!-- Add Pagination -->
+								<div class="swiper-pagination"></div>
+							</div>
+						</div>
+					</div>
 				</th:block>
 			</th:block>
 
@@ -563,6 +582,10 @@
 		}
 		// 컨텐츠 호출
 		$(document).ready(function() {
+			// 당신을 위한 제안 쿠키값 확인 (로그인시 확인됨)
+			var pcId = gagajf.getCookie("RB_PCID");
+			fnGetEigenApi(pcId);
+
 			post_visual.slideTo(2, 0, false); // 접속 시, 슬라이드페이지 이동
 
 			// 몰메인 띠배너 표출
@@ -640,6 +663,61 @@
 			}
 		}
 
+		/**
+		 * EigenApi
+		 * size : 상품수
+		 * nh : 키워드수
+		 * */
+		var fnGetEigenApi = function (id){
+			$.getJSON('https://api.eigene.io/rec/p075?cuid=1252aed4-78dc-46e8-b784-94ac42e86dd4&size=10&nh=10&pcid='+id, function (result,status){
+				var keywordTag = '';
+				var itemTag = '';
+
+				let dataJson = result.groupedResults;
+				let key1 = Object.keys(dataJson);
+				if (status === 'success') {
+					if (!gagajf.isNull(result.products) && result.products.length > 0) {
+						$("#recomItemArea").html('');
+
+						$.each(result.products, function (idx, item) {
+							if (idx == 0 || idx == 5) {
+								itemTag += '<div class="swiper-slide type1">\n';
+								itemTag += '	<ol class="list_cate">\n';
+							}
+
+							itemTag += '			<li class="first">\n';
+							itemTag += '				<dl>\n';
+							itemTag += '					<dt>\n';
+							itemTag += '						<button>\n';
+							itemTag += '							<span class="fold_rank">'+(idx+1)+'</span>\n';
+							itemTag += '							<span class="fold_txt">'+ item.sourceId + '</span>\n';
+							itemTag += '						</button>\n';
+							itemTag += '					</dt>\n';
+							itemTag += '					<dd>\n';
+							itemTag += '						<div class="swiper-container post-sug-items">\n';
+							itemTag += '							<div class="swiper-wrapper">\n';
+
+							itemTag += '							</div>\n';
+							itemTag += '						</div>\n';
+							itemTag += '					</dd>\n';
+
+
+							itemTag += '				</dl>\n';
+							itemTag += '			</li>\n';
+
+
+							if (idx == 4 || idx == 9) {
+								itemTag += '	</ol>\n';
+								itemTag += '</div>\n';
+							}
+						});
+
+						$("#recomItemArea").html(itemTag);
+					}
+				}
+			});
+		}
+
 		/*]]>*/
 	</script>
 

src/main/webapp/WEB-INF/views/web/display/MallMainFormWeb.html

@@ -525,31 +525,14 @@
 					<!-- 10. 당신을 위한 제안 -->
 					<div class="content main_foryou">
 						<div class="cont_head">
-							<p class="displayH">당신을 위한 제안</p>
+							<p class="displayH" th:text="${mainLayoutData.contentsTitle}">당신을 위한 제안</p>
 							<span>스타일24에서 가장 주목받는 상품을 살펴보세요</span>
 						</div>
 						<div class="cont_body">
 							<div class="post-sug fy_nav">
 								<div class="swiper-container">
 									<div class="swiper-wrapper" id="keywordArea">
-										<div class="swiper-slide">
-											<ul>
-												<li><button class="btn btn_shape active" data-tab="fy1"><div><span class="number">1</span><span>BUCKAROO 기모청바지 겨울 팬츠 컨버스 주니어 모이몰른</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy2"><div><span class="number">2</span><span>기모청바지</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy3"><div><span class="number">3</span><span>겨울 팬츠</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy4"><div><span class="number">4</span><span>컨버스 주니어</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy5"><div><span class="number">5</span><span>모이몰른</span></div></button><a href="#none">자세히 보기</a></li>
-											</ul>
-										</div>
-										<div class="swiper-slide">
-											<ul>
-												<li><button class="btn btn_shape" data-tab="fy6"><div><span class="number">6</span><span>컨버스 주니어</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy7"><div><span class="number">7</span><span>겨울 팬츠</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy8"><div><span class="number">8</span><span>BUCKAROO</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy9"><div><span class="number">9</span><span>모이몰른</span></div></button><a href="#none">자세히 보기</a></li>
-												<li><button class="btn btn_shape" data-tab="fy10"><div><span class="number">10</span><span>기모청바지</span></div></button><a href="#none">자세히 보기</a></li>
-											</ul>
-										</div>
+
 									</div>
 								</div>
 								<div class="swiper-controls">
@@ -637,9 +620,9 @@ $(document).ready( function() {
 	// 당신을 위한 제안 쿠키값 확인 (로그인시 확인됨)
 	var pcId = gagajf.getCookie("RB_PCID");
 	// 추천솔루션 API 호출
-	if(!gagajf.isNull(pcId)){
+	//if(!gagajf.isNull(pcId)){
 		fnGetEigenApi(pcId);
-	}
+	//}
 });
 
 /**
@@ -648,15 +631,13 @@ $(document).ready( function() {
  * nh : 키워드수
  * */
 var fnGetEigenApi = function (id){
-	console.log('[fnGetEigenApi ID]'+id);
+	// console.log('[fnGetEigenApi ID]'+id);
 	$.getJSON('https://api.eigene.io/rec/p075?cuid=1252aed4-78dc-46e8-b784-94ac42e86dd4&size=10&nh=10&pcid='+id, function (result,status){
-		console.log('**************');
-		console.log(result);
-		console.log(status);
 		var keywordTag = '';
 		var itemTag = '';
 		var itemTag2 = '';
-		var dataJson;
+		let dataJson = result.groupedResults;
+		let key1 = Object.keys(dataJson);
 
 		if (status === 'success') {
 			if (!gagajf.isNull(result.products) && result.products.length > 0) {
@@ -674,254 +655,296 @@ var fnGetEigenApi = function (id){
 					keywordTag += '			<span>' + item.sourceId + '</span>\n';
 					keywordTag += '		</div>\n';
 					keywordTag += '	</button>\n';
-					keywordTag += '	<a href="javascript:void(0);" onclick="cfnGoToSearchGoodsListForm(\'' + item.sourceId + '\')">자세히 보기</a>\n';
+					keywordTag += '	<a href="javascript:void(0);" onclick="cfnGoToSearchGoodsListForm(\''+ item.sourceId + '\')">자세히 보기</a>\n';
 					keywordTag += '</li>\n';
 					if (idx == 4 || idx == 9) {
 						keywordTag += '	</ul>';
 						keywordTag += '</div>';
 					}
 
-/*
-					if(idx%2 == 0){
-						itemTag += '<div class="fy_item active" id="fy'+(idx+1)+'">\n';
-						itemTag += '	<div class="part">\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug01.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">자카드 방풍 패딩 스웨터 가디건 자카드</div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" className=" vLHTC pd_img" src="/images/pc/thumb/main_sug02.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '	</div>\n';
-						itemTag += '	<div class="part lg">\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug03.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '	</div>\n';
-						itemTag += '	<div class="part">\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug04.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug05.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건</div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '	</div>\n';
-						itemTag += '	<div class="part">\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug06.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '		<div class="item_prod">\n';
-						itemTag += '			<div class="item_state">\n';
-						itemTag += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag += '					<div class="itemPic">\n';
-						itemTag += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug07.jpg">\n';
-						itemTag += '					</div>\n';
-						itemTag += '					<div class="itemInfo">\n';
-						itemTag += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건 자카드 방풍 패딩 스웨터 가디건</div>\n';
-						itemTag += '						<p class="itemPrice">80,100</p>\n';
-						itemTag += '					</div>\n';
-						itemTag += '				</a>\n';
-						itemTag += '			</div>\n';
-						itemTag += '		</div>\n';
-						itemTag += '	</div>\n';
-						itemTag += '</div>\n';
-					}else{
-						itemTag2 += '<div class="fy_item" id="fy2">\n';
-						itemTag2 += '	<div class="part">\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug04.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug05.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건</div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '	</div>\n';
-						itemTag2 += '	<div class="part">\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" className=" vLHTC pd_img" src="/images/pc/thumb/main_sug01.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">자카드 방풍 패딩 스웨터 가디건 자카드</div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug02.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '	</div>\n';
-						itemTag2 += '	<div class="part">\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug06.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건  자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" className=" vLHTC pd_img" src="/images/pc/thumb/main_sug07.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 가디건 자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '	</div>\n';
-						itemTag2 += '	<div class="part lg">\n';
-						itemTag2 += '		<div class="item_prod">\n';
-						itemTag2 += '			<div class="item_state">\n';
-						itemTag2 += '				<button type="button" class="itemLike" tabIndex="0">관심상품 추가</button>\n';
-						itemTag2 += '				<a href="#none" class="itemLink" tabIndex="0">\n';
-						itemTag2 += '					<div class="itemPic">\n';
-						itemTag2 += '					<img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/main_sug03.jpg">\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '					<div class="itemInfo">\n';
-						itemTag2 += '						<p class="itemBrand">BRAND NAME</p>\n';
-						itemTag2 += '						<div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 </div>\n';
-						itemTag2 += '						<p class="itemPrice">80,100</p>\n';
-						itemTag2 += '					</div>\n';
-						itemTag2 += '				</a>\n';
-						itemTag2 += '			</div>\n';
-						itemTag2 += '		</div>\n';
-						itemTag2 += '	</div>\n';
-						itemTag2 += '</div>\n';
+					for (var i=0; i<key1.length; i++) {
+						var key = key1[i];
+						// console.log("key : " + key + ", value : " + dataJson[key])
+						if(item.sourceId == key){
+								itemTag += '<div class="fy_item" id="fy'+(idx+1)+'">\n';
+								$.each(dataJson[key], function (keyIdx, keyItem){
+									if(idx%2 == 0) {
+										if(keyIdx==0){
+											itemTag += '	<div class="part">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+										}else if(keyIdx==1){
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}else if(keyIdx==2){
+											itemTag += '	<div class="part lg">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}else if(keyIdx==3){
+											itemTag += '	<div class="part">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+										}else if(keyIdx==4){
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}else if(keyIdx==5){
+											itemTag += '	<div class="part">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+										}else if(keyIdx==6){
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}
+									}else{
+										if(keyIdx==0){
+											itemTag += '	<div class="part">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+										}else if(keyIdx==1){
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}else if(keyIdx==2){
+											itemTag += '	<div class="part">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+										}else if(keyIdx==3){
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}else if(keyIdx==4){
+											itemTag += '	<div class="part">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+										}else if(keyIdx==5){
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}else if(keyIdx==6){
+											itemTag += '	<div class="part lg">\n';
+											itemTag += '		<div class="item_prod">\n';
+											itemTag += '			<div class="item_state">\n';
+											itemTag += '				<button type="button" class="itemLike" tabindex="0" goodsCd="'+keyItem.product.itemId+'" goodsNm="'+keyItem.product.itemName+'" onclick="cfnPutWishList(this);">관심상품 추가</button>\n';
+											itemTag += '				<a href="'+keyItem.product.itemUrl+'" class="itemLink" tabindex="0">\n';
+											itemTag += '					<div class="itemPic">\n';
+											itemTag += '						<img alt="BLACK-a" class=" vLHTC pd_img" src="'+keyItem.product.itemImage+'">\n';
+											itemTag += '					</div>\n';
+											itemTag += '					<div class="itemInfo">\n';
+											itemTag += '						<p class="itemBrand">'+keyItem.product.brandName+'</p>\n';
+											itemTag += '						<div class=" itemName">'+keyItem.product.itemName+'</div>\n';
+											itemTag += '						<p class="itemPrice">'+keyItem.product.salePrice.addComma()+'</p>\n';
+											itemTag += '					</div>\n';
+											itemTag += '				</a>\n';
+											itemTag += '			</div>\n';
+											itemTag += '		</div>\n';
+											itemTag += '	</div>\n';
+										}
+									}
+
+								});
+								itemTag += '</div>\n';
+						}
 					}
-				*/
-					// if((idx > 0 && idx % 4 == 0) || result.products.length == (idx)){
-					// }
 				});
 				$("#keywordArea").append(keywordTag);
 				$("#recomItemArea").append(itemTag);
 
+				// 위시 좋아요 처리
+				if (cfCheckLogin()) {
+					let targetT = $('.main_foryou').find('#recomItemArea').find('.item_state').find('button');
+					//let targetTSize = targetT.length;
+					targetT.each(function(){
+						let goodsCd = $(this).attr('goodscd');
+						var $this = $(this);
+						let url = "/mypage/wish/list/check/"+goodsCd;
+						var result = '';
+						$.ajax({
+							type: 'get'
+							, async: false
+							, url: url
+							, success: function (data) {
+								//likeit active
+								if ("Y" == data){
+									$this.addClass('likeit').addClass('active');
+								}
+							}
+						});
+					});
+				}
+
 				/* SLIDE - MAIN_RECOMM */
 				//MAIN_RECOMM_키워드 탭
 				$(".main_recomm .tag_list .btn").click(function () {