[251119] feat: FloatingGradientLayer..Experimental

🕐 커밋 시간: 2025. 11. 19. 17:35:53

📊 변경 통계:
  • 총 파일: 8개
  • 추가: +43줄

📁 추가된 파일:
  + com.twin.app.shoptime/src/components/FloatingGradientBackground/FloatingGradientBackground.jsx
  + com.twin.app.shoptime/src/components/FloatingGradientBackground/FloatingGradientBackground.module.less
  + com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.v2.jsx

📝 수정된 파일:
  ~ 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/HomePanel/HomePanel.jsx
  ~ com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less

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

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

@@ -148,6 +148,21 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     };
   }, [dispatch]);
 
+  // ✅ DOM 렌더링 후 그라데이션 배경 숨기기 - HomePanel→DetailPanel 전환 완료 시
+  useEffect(() => {
+    // DOM이 렌더링된 후 약간의 지연 시간을 두고 그라데이션 숨김
+    const timer = setTimeout(() => {
+      if (window.hideFloatingGradient) {
+        window.hideFloatingGradient();
+        console.log('[DetailPanel] Floating gradient background hidden');
+      }
+    }, 100); // 100ms 지연으로 DOM 렌더링 완료 후 실행
+
+    return () => {
+      clearTimeout(timer); // 컴포넌트 언마운트 시 타이머 정리
+    };
+  }, []); // 마운트 시 한 번만 실행
+
   // ✅ [251118] DetailPanel이 사라질 때 HomePanel의 비디오 재생 활성화
   useEffect(() => {
     return () => {