[251119] feat: FloatingGradientLayer..Experimental..2

🕐 커밋 시간: 2025. 11. 19. 19:24:28

📊 변경 통계:
  • 총 파일: 10개
  • 추가: +95줄
  • 삭제: -181줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/App/App.js
  ~ com.twin.app.shoptime/src/actions/panelActions.js
  ~ com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
  ~ com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
  ~ com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less
  ~ com.twin.app.shoptime/src/views/MainView/MainView.jsx
  ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx

🗑️ 삭제된 파일:
  - com.twin.app.shoptime/src/components/FloatingGradientBackground/FloatingGradientBackground.jsx
  - com.twin.app.shoptime/src/components/FloatingGradientBackground/FloatingGradientBackground.module.less

🔧 주요 변경 내용:
  • 핵심 비즈니스 로직 개선
  • UI 컴포넌트 아키텍처 개선
  • 소규모 기능 개선
  • 코드 정리 및 최적화
  • 모듈 구조 개선

Performance: 코드 최적화로 성능 개선 기대

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

@@ -94,9 +94,21 @@ export const TEMPLATE_CODE_CONF = {
   PICK_FOR_YOU: 'DSP00106',
 };
 
-const HomePanel = ({ isOnTop }) => {
+const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
   const dispatch = useDispatch();
 
+  // ✅ showGradientBackground prop 변경 추적 로그
+  const prevShowGradientBackground = usePrevious(showGradientBackground);
+  useEffect(() => {
+    if (prevShowGradientBackground !== showGradientBackground) {
+      console.log('[TRACE-GRADIENT] 📊 HomePanel prop changed:', {
+        prev: prevShowGradientBackground,
+        current: showGradientBackground,
+        isOnTop: isOnTop
+      });
+    }
+  }, [showGradientBackground, prevShowGradientBackground, isOnTop]);
+
   useDebugKey({ isLandingPage: true });
 
   // 🔽 HomeBanner 외부 7개 아이콘들의 focusHistory 추적
@@ -805,7 +817,8 @@ const HomePanel = ({ isOnTop }) => {
   useEffect(() => {
     if (detailPanelClosedTime && isOnTop) {
     // if (isOnTop) {
-      console.log('@@[HomePanel] *** ✅ HomePanel isOnTop = true');
+      console.log('[TRACE-GRADIENT] 🔄 lastDetailPanelClosed triggered - HomePanel reactivated');
+      console.log('[HomePanel] *** ✅ HomePanel isOnTop = true');
       console.log('[HomePanel] *** lastDetailPanelClosed:', detailPanelClosedTime);
       console.log('[HomePanel] *** isOnTop:', isOnTop);
       console.log('[HomePanel] *** videoPlayIntentRef.current:', videoPlayIntentRef.current);
@@ -978,6 +991,12 @@ const HomePanel = ({ isOnTop }) => {
 
   return (
     <>
+      {/* HomePanel용 메모리 상주 그라데이션 배경 */}
+      <div
+        className={classNames(css.gradientBackground, { [css.visible]: showGradientBackground })}
+        aria-hidden="true"
+      />
+
       <TPanel className={css.panel} onCancel={onCancel}>
         {homeLayoutInfo && (
           <TBody