[251216] fix: 로그정리,PlayerPanel ShopNowContents

🕐 커밋 시간: 2025. 12. 16. 16:07:17 📊 변경 통계: • 총 파일: 11개 • 추가: +94줄 • 삭제: -90줄 📝 수정된 파일: ~ com.twin.app.shoptime/src/actions/mediaActions.js ~ com.twin.app.shoptime/src/actions/panelActions.js ~ com.twin.app.shoptime/src/actions/playActions.js ~ com.twin.app.shoptime/src/middleware/panelHistoryMiddleware.js ~ com.twin.app.shoptime/src/reducers/panelReducer.js ~ com.twin.app.shoptime/src/utils/lodashFpEx.js ~ com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.module.less ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx 🔧 주요 변경 내용: • 핵심 비즈니스 로직 개선 • 공통 유틸리티 함수 최적화 • 소규모 기능 개선 • 코드 정리 및 최적화 • 모듈 구조 개선
2025-12-16 16:07:19 +09:00
parent c9b2e5daf5
commit 61f67708a9
11 changed files with 94 additions and 90 deletions
--- a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
@@ -280,7 +280,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {

  useEffect(() => {
    return () => {
-      console.log('[🟡UNIQUE_DETAIL_CLEANUP🟡] DetailPanel cleanup - calling finishModalMediaForce');
+      // console.log('[🟡UNIQUE_DETAIL_CLEANUP🟡] DetailPanel cleanup - calling finishModalMediaForce');
      dispatch(finishModalMediaForce());
    };
  }, [dispatch]);
@@ -304,19 +304,19 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
      const sourcePanel = panelInfo?.sourcePanel;
      const sourceMenu = panelInfo?.sourceMenu;

-      console.log('[🔴UNIQUE_DETAIL_UNMOUNT🔴] DetailPanel cleanup/unmount triggered', {
-        sourcePanel,
-        sourceMenu,
-        panelsSnapshot: panels.map((p) => p.name),
-        timestamp: Date.now(),
-      });
+      // console.log('[🔴UNIQUE_DETAIL_UNMOUNT🔴] DetailPanel cleanup/unmount triggered', {
+      //   sourcePanel,
+      //   sourceMenu,
+      //   panelsSnapshot: panels.map((p) => p.name),
+      //   timestamp: Date.now(),
+      // });

      // DetailPanel이 unmount되는 시점
-      console.log('[🔴UNIQUE_DETAIL_UNMOUNT🔴] DetailPanel unmount details:', {
-        sourcePanel,
-        sourceMenu,
-        timestamp: Date.now(),
-      });
+      // console.log('[🔴UNIQUE_DETAIL_UNMOUNT🔴] DetailPanel unmount details:', {
+      //   sourcePanel,
+      //   sourceMenu,
+      //   timestamp: Date.now(),
+      // });

      // sourcePanel에 따른 상태 업데이트
      switch (sourcePanel) {
@@ -385,13 +385,13 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
      const sourcePanel = panelInfo?.sourcePanel;
      const sourceMenu = panelInfo?.sourceMenu;

-      console.log('[🟠UNIQUE_DETAIL_BACK🟠] onBackClick triggered', {
-        sourcePanel,
-        sourceMenu,
-        isCancelClick,
-        currentPanels: panels.map((p) => p.name),
-        timestamp: Date.now(),
-      });
+      // console.log('[🟠UNIQUE_DETAIL_BACK🟠] onBackClick triggered', {
+      //   sourcePanel,
+      //   sourceMenu,
+      //   isCancelClick,
+      //   currentPanels: panels.map((p) => p.name),
+      //   timestamp: Date.now(),
+      // });

      fp.pipe(
        () => {
@@ -410,18 +410,18 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
            case panel_names.SEARCH_PANEL:
            default:
              // HomePanel, SearchPanel 등에서 온 경우: 백그라운드 비디오 일시 중지
-              console.log(
-                '[🟠UNIQUE_DETAIL_BACK🟠] source panel:',
-                sourcePanel,
-                '백그라운드 비디오 일시 중지'
-              );
+              // console.log(
+              //   '[🟠UNIQUE_DETAIL_BACK🟠] source panel:',
+              //   sourcePanel,
+              //   '백그라운드 비디오 일시 중지'
+              // );
              dispatch(pauseFullscreenVideo()); // PLAYER_PANEL 비디오 중지
              dispatch(finishModalMediaForce()); // MEDIA_PANEL(ProductVideo) 강제 종료
              dispatch(finishVideoPreview());
              break;
          }

-          console.log('[🟠UNIQUE_DETAIL_BACK🟠] Calling popPanel(DETAIL_PANEL)');
+          // console.log('[🟠UNIQUE_DETAIL_BACK🟠] Calling popPanel(DETAIL_PANEL)');
          dispatch(popPanel(panel_names.DETAIL_PANEL));
        },
        () => {
--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx
@@ -391,7 +391,7 @@ const MediaPanel = React.forwardRef(
    const onEnded = useCallback(
      (e) => {
        debugLog('[MediaPanel] Video ended');
-        console.log('[🔥UNIQUE_MEDIA_ENDED🔥] MediaPanel onEnded triggered - will pop after 1500ms');
+        // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] MediaPanel onEnded triggered - will pop after 1500ms');
        // continuousPlay는 MediaPlayer(VideoPlayer) 컴포넌트 내부에서 loop 속성으로 처리
        // onEnded가 호출되면 loop=false 인 경우이므로 패널을 닫음
        Spotlight.pause();
@@ -403,7 +403,7 @@ const MediaPanel = React.forwardRef(

        // ✅ 새로운 타이머 저장 (cleanup 시 정리용)
        onEndedTimerRef.current = setTimeout(() => {
-          console.log('[🔥UNIQUE_MEDIA_ENDED🔥] Executing popPanel(MEDIA_PANEL) after 1500ms');
+          // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] Executing popPanel(MEDIA_PANEL) after 1500ms');
          Spotlight.resume();
          dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
          onEndedTimerRef.current = null;
--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.module.less
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.module.less
@@ -26,7 +26,7 @@
    video {
      max-width: 100%;
      max-height: 100%;
-      object-fit: contain; /* 비율 유지하면서 컨테이너 안에 맞춤 */
+      object-fit: contain; /* 높이 기준으로 맞추고 좌우는 잘림 */
    }
  }

--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
@@ -2043,14 +2043,14 @@ const MediaPanel = React.forwardRef(
      (e) => {
        const currentInfo = panelInfoRef.current;

-        console.log('[🔥UNIQUE_MEDIA_ENDED🔥] onEnded triggered - shptmBanrTpNm:', currentInfo?.shptmBanrTpNm);
+        // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] onEnded triggered - shptmBanrTpNm:', currentInfo?.shptmBanrTpNm);

        // MEDIA: 기존 동작 유지 (배경 복원 없이 즉시 pop)
        if (currentInfo.shptmBanrTpNm === 'MEDIA') {
-          console.log('[🔥UNIQUE_MEDIA_ENDED🔥] MEDIA type - popPanel will be called');
+          // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] MEDIA type - popPanel will be called');
          Spotlight.pause();
          setTimeout(() => {
-            console.log('[🔥UNIQUE_MEDIA_ENDED🔥] setTimeout fired - dispatching popPanel(MEDIA_PANEL)');
+            //  console.log('[🔥UNIQUE_MEDIA_ENDED🔥] setTimeout fired - dispatching popPanel(MEDIA_PANEL)');
            Spotlight.resume();
            dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
          }, VIDEO_END_ACTION_DELAY);
@@ -2061,7 +2061,7 @@ const MediaPanel = React.forwardRef(

        // VOD: modal 여부에 따라 동작 분리
        if (currentInfo.shptmBanrTpNm === 'VOD') {
-          console.log('[🔥UNIQUE_MEDIA_ENDED🔥] VOD type - popPanel will be called');
+          // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] VOD type - popPanel will be called');
          Spotlight.pause();
          setTimeout(() => {
            stopExternalPlayer();
@@ -2081,7 +2081,7 @@ const MediaPanel = React.forwardRef(
          return;
        }

-        console.log('[🔥UNIQUE_MEDIA_ENDED🔥] Unknown shptmBanrTpNm - no action taken');
+        // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] Unknown shptmBanrTpNm - no action taken');
      },
      [dispatch, focusBackButtonOrFallback, stopExternalPlayer]
    );
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
@@ -407,6 +407,10 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
          lastFocusedTargetId: panelInfo.lastFocusedTargetId,
        });

+        // TabContainerV2의 tabIndex를 ShopNowContents(0)로 리셋
+        dlog('[PlayerPanel] 📑 TabContainerV2 tabIndex를 ShopNowContents(0)로 리셋');
+        setTabIndexV2(0);
+
        // 포커스 복원 로직 추가 (1000ms 지연)
        if (panelInfo.lastFocusedTargetId) {
          dlog(