[포유 작업]#1

- action, reducer 에 recommendProduct 관련 추가.
 - 로그 관련으로 Config에 pickedforyou추가
 - homepanel pickforyou노출 건으로 추가.
 - homepanel getSubCategory에 파라미터 추가.
 - bestseller,pickedforyou노출 변경.(foru api에서 내려주는걸로)
 - subCategory 노출 변경. foru api에서 내려주는 아이템 2개 추가및 기존 데이터 중복시 제거.

com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx

@@ -1,7 +1,17 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import classNames from 'classnames';
-import { useDispatch, useSelector } from 'react-redux';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
+import { applyMiddleware } from 'redux';
 
 import Spotlight from '@enact/spotlight';
 import {
@@ -23,20 +33,31 @@ import {
   getHomeMainContents,
   updateHomeInfo,
 } from '../../actions/homeActions';
-import { sendLogGNB, sendLogTotalRecommend } from '../../actions/logActions';
-import { getSubCategory, getTop20Show } from '../../actions/mainActions';
+import {
+  sendLogGNB,
+  sendLogTotalRecommend,
+} from '../../actions/logActions';
+import {
+  getSubCategory,
+  getTop20Show,
+} from '../../actions/mainActions';
 import { getHomeOnSaleInfo } from '../../actions/onSaleActions';
-import { finishVideoPreview, shrinkVideoTo1px, expandVideoFrom1px } from '../../actions/playActions';
 import { updatePanel } from '../../actions/panelActions';
+import {
+  expandVideoFrom1px,
+  finishVideoPreview,
+  shrinkVideoTo1px,
+} from '../../actions/playActions';
 import { getBestSeller } from '../../actions/productActions';
 import TBody from '../../components/TBody/TBody';
 import TButton, { TYPES } from '../../components/TButton/TButton';
 import TPanel from '../../components/TPanel/TPanel';
 import TPopUp from '../../components/TPopUp/TPopUp';
-import TVerticalPagenator from '../../components/TVerticalPagenator/TVerticalPagenator';
+import TVerticalPagenator
+  from '../../components/TVerticalPagenator/TVerticalPagenator';
 import useDebugKey from '../../hooks/useDebugKey';
-import usePrevious from '../../hooks/usePrevious';
 import { useFocusHistory } from '../../hooks/useFocusHistory/useFocusHistory';
+import usePrevious from '../../hooks/usePrevious';
 import { useVideoPlay } from '../../hooks/useVideoPlay/useVideoPlay';
 import { useVideoMove } from '../../hooks/useVideoTransition/useVideoMove';
 import {
@@ -55,7 +76,7 @@ import css from '../HomePanel/HomePanel.module.less';
 import PopularShow from '../HomePanel/PopularShow/PopularShow';
 import SubCategory from '../HomePanel/SubCategory/SubCategory';
 import EventPopUpBanner from './EventPopUpBanner/EventPopUpBanner';
-import { applyMiddleware } from 'redux';
+import PickedForYou from './PickedForYou/PickedForYou';
 
 export const TEMPLATE_CODE_CONF = {
   TOP: 'DSP00101',
@@ -63,6 +84,7 @@ export const TEMPLATE_CODE_CONF = {
   ON_SALE: 'DSP00103',
   POPULAR_SHOW: 'DSP00104',
   BEST_SELLER: 'DSP00105',
+  PICK_FOR_YOU: 'DSP00106',
 };
 
 const HomePanel = ({ isOnTop }) => {
@@ -251,6 +273,9 @@ const HomePanel = ({ isOnTop }) => {
         case TEMPLATE_CODE_CONF.BEST_SELLER:
           nowMenu = LOG_MENU.HOME_BEST_SELLER;
           break;
+        case TEMPLATE_CODE_CONF.PICK_FOR_YOU:
+          nowMenu = LOG_MENU.HOME_PICKED_FOR_YOU;
+          break; 
         default:
           nowMenu = LOG_MENU.HOME_TOP;
           break;
@@ -384,6 +409,24 @@ const HomePanel = ({ isOnTop }) => {
                 );
               } else break;
             }
+            case TEMPLATE_CODE_CONF.PICK_FOR_YOU: {
+              if (bestSellerDatas && bestSellerDatas.length > 0) {
+                return (
+                  <PickedForYou
+                    key={el.shptmApphmDspyOptCd}
+                    spotlightId={el.shptmApphmDspyOptCd}
+                    handleShelfFocus={handleItemFocus(
+                      el.shptmApphmDspyOptCd,
+                      el.expsOrd,
+                      el.shptmApphmDspyOptNm
+                    )}
+                    handleItemFocus={handleItemFocus(el.shptmApphmDspyOptCd)}
+                    shelfLocation={el.expsOrd}
+                    shelfTitle={el.shptmApphmDspyOptNm}
+                  />
+                );
+              } else break;
+            }
           }
         })}
         {loadingComplete && sortedHomeLayoutInfo && sortedHomeLayoutInfo.length > 0 && (
@@ -593,6 +636,7 @@ const HomePanel = ({ isOnTop }) => {
             pageSize: 10,
             tabType: 'CAT00102',
             filterType: 'CAT00202',
+            recommendIncFlag: 'Y',
           },
           1
         )