[통합로그 No.2] Home 진입 후 Banner가 노출 될 때 노출 된 배너들의 정보를 수집 ( 롤링이 되면 롤링된 배너만 따로 로그 함수 호출 )

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

@@ -4,32 +4,55 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 
-import classNames from "classnames";
-import { useDispatch, useSelector } from "react-redux";
+import classNames from 'classnames';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import Spotlight from "@enact/spotlight";
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
-import { getContainerId } from "@enact/spotlight/src/container";
+import Spotlight from '@enact/spotlight';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
+import { getContainerId } from '@enact/spotlight/src/container';
 
-import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png";
-import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png";
-import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.png";
-import emptyVerImage from "../../../../assets/images/img-home-banner-empty-ver.png";
-import defaultImageItem from "../../../../assets/images/img-thumb-empty-product@3x.png";
-import liveShow from "../../../../assets/images/tag-liveshow.png";
-import { setBannerIndex, updateHomeInfo } from "../../../actions/homeActions";
-import { sendLogTopContents } from "../../../actions/logActions";
-import { pushPanel } from "../../../actions/panelActions";
-import { startVideoPlayer } from "../../../actions/playActions";
-import CustomImage from "../../../components/CustomImage/CustomImage";
-import usePriceInfo from "../../../hooks/usePriceInfo";
-import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config";
-import { $L, formatGMTString } from "../../../utils/helperMethods";
-import { TEMPLATE_CODE_CONF } from "../HomePanel";
-import css from "./RollingUnit.module.less";
+import btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png';
+import defaultLogoImg
+  from '../../../../assets/images/ic-tab-partners-default@3x.png';
+import emptyHorImage
+  from '../../../../assets/images/img-home-banner-empty-hor.png';
+import emptyVerImage
+  from '../../../../assets/images/img-home-banner-empty-ver.png';
+import defaultImageItem
+  from '../../../../assets/images/img-thumb-empty-product@3x.png';
+import liveShow from '../../../../assets/images/tag-liveshow.png';
+import {
+  setBannerIndex,
+  updateHomeInfo,
+} from '../../../actions/homeActions';
+import {
+  sendLogTopContents,
+  sendLogTotalRecommend,
+} from '../../../actions/logActions';
+import { pushPanel } from '../../../actions/panelActions';
+import { startVideoPlayer } from '../../../actions/playActions';
+import CustomImage from '../../../components/CustomImage/CustomImage';
+import usePriceInfo from '../../../hooks/usePriceInfo';
+import {
+  LOG_CONTEXT_NAME,
+  LOG_MENU,
+  LOG_MESSAGE_ID,
+  LOG_TP_NO,
+  panel_names,
+} from '../../../utils/Config';
+import {
+  $L,
+  formatGMTString,
+} from '../../../utils/helperMethods';
+import { TEMPLATE_CODE_CONF } from '../HomePanel';
+import css from './RollingUnit.module.less';
 
 const SpottableComponent = Spottable("div");
 
@@ -74,7 +97,7 @@ export default function RollingUnit({
 
   const dispatch = useDispatch();
 
-  const curationId = useSelector((state) => state.home?.bannerData?.curationId);
+  const { curationId, curationTitle } = useSelector((state) => state.home);
   const curtNm = useSelector((state) => state.home?.bannerData?.curtNm);
   const shptmTmplCd = useSelector(
     (state) => state.home?.bannerData?.shptmTmplCd
@@ -486,6 +509,31 @@ export default function RollingUnit({
     }
   }, [dispatch, entryMenu, nowMenu, startIndex, topContentsLogInfo]);
 
+  useEffect(() => {
+    if (rollingDataRef.current && nowMenu === LOG_MENU.HOME_TOP) {
+      dispatch(
+        sendLogTotalRecommend({
+          contextName: LOG_CONTEXT_NAME.HOME,
+          messageId: LOG_MESSAGE_ID.BANNER,
+          curationId: curationId,
+          curationTitle: curationTitle,
+          contentType: rollingDataRef.current[startIndex].shptmBanrTpNm,
+          contentId: "",
+          productId: rollingDataRef.current[startIndex].prdtId,
+          productTitle: rollingDataRef.current[startIndex].prdtNm,
+          displayType: "rolling",
+          partner: rollingDataRef.current[startIndex].patncNm,
+          brnad: rollingDataRef.current[startIndex].brndNm,
+          location: rollingDataRef.current[startIndex].dspyOrder,
+          bannerType:
+            rollingDataRef.current[startIndex].vtctpYn === "Y"
+              ? "Vertical"
+              : "Horizontal",
+        })
+      );
+    }
+  }, [rollingDataRef, nowMenu, startIndex]);
+
   useEffect(() => {
     if (nowMenu !== LOG_MENU.HOME_TOP) {
       arrRef.current = [];