우측화면 데이터 필터링 수정

frontend/components/screen/widgets/TabsWidget.tsx

@@ -25,12 +25,6 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
     persistSelection = false,
   } = component;
 
-  console.log("🎨 TabsWidget 렌더링:", {
-    componentId: component.id,
-    tabs,
-    tabsLength: tabs.length,
-    component,
-  });
 
   const storageKey = `tabs-${component.id}-selected`;
 
@@ -67,15 +61,7 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
   // 초기 로드 시 선택된 탭의 화면 불러오기
   useEffect(() => {
     const currentTab = visibleTabs.find((t) => t.id === selectedTab);
-    console.log("🔄 초기 탭 로드:", {
-      selectedTab,
-      currentTab,
-      hasScreenId: !!currentTab?.screenId,
-      screenId: currentTab?.screenId,
-    });
-    
     if (currentTab && currentTab.screenId && !screenLayouts[currentTab.screenId]) {
-      console.log("📥 초기 화면 로딩 시작:", currentTab.screenId);
       loadScreenLayout(currentTab.screenId);
     }
   }, [selectedTab, visibleTabs]);
@@ -83,26 +69,20 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
   // 화면 레이아웃 로드
   const loadScreenLayout = async (screenId: number) => {
     if (screenLayouts[screenId]) {
-      console.log("✅ 이미 로드된 화면:", screenId);
       return; // 이미 로드됨
     }
 
-    console.log("📥 화면 레이아웃 로딩 시작:", screenId);
     setLoadingScreens((prev) => ({ ...prev, [screenId]: true }));
 
     try {
       const { apiClient } = await import("@/lib/api/client");
       const response = await apiClient.get(`/screen-management/screens/${screenId}/layout`);
-      console.log("📦 API 응답:", { screenId, success: response.data.success, hasData: !!response.data.data });
       
       if (response.data.success && response.data.data) {
-        console.log("✅ 화면 레이아웃 로드 완료:", screenId);
         setScreenLayouts((prev) => ({ ...prev, [screenId]: response.data.data }));
-      } else {
-        console.error("❌ 화면 레이아웃 로드 실패 - success false");
       }
     } catch (error) {
-      console.error(`❌ 화면 레이아웃 로드 실패 ${screenId}:`, error);
+      console.error(`화면 레이아웃 로드 실패 ${screenId}:`, error);
     } finally {
       setLoadingScreens((prev) => ({ ...prev, [screenId]: false }));
     }
@@ -110,10 +90,9 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
 
   // 탭 변경 핸들러
   const handleTabChange = (tabId: string) => {
-    console.log("🔄 탭 변경:", tabId);
     setSelectedTab(tabId);
     
-    // 🆕 마운트된 탭 목록에 추가 (한 번 마운트되면 유지)
+    // 마운트된 탭 목록에 추가 (한 번 마운트되면 유지)
     setMountedTabs(prev => {
       if (prev.has(tabId)) return prev;
       const newSet = new Set(prev);
@@ -123,10 +102,7 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
 
     // 해당 탭의 화면 로드
     const tab = visibleTabs.find((t) => t.id === tabId);
-    console.log("🔍 선택된 탭 정보:", { tab, hasScreenId: !!tab?.screenId, screenId: tab?.screenId });
-    
     if (tab && tab.screenId && !screenLayouts[tab.screenId]) {
-      console.log("📥 탭 변경 시 화면 로딩:", tab.screenId);
       loadScreenLayout(tab.screenId);
     }
   };
@@ -157,7 +133,6 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
   };
 
   if (visibleTabs.length === 0) {
-    console.log("⚠️ 보이는 탭이 없음");
     return (
       <div className="flex h-full w-full items-center justify-center rounded border-2 border-dashed border-gray-300 bg-gray-50">
         <p className="text-muted-foreground text-sm">탭이 없습니다</p>
@@ -165,13 +140,6 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
     );
   }
 
-  console.log("🎨 TabsWidget 최종 렌더링:", {
-    visibleTabsCount: visibleTabs.length,
-    selectedTab,
-    screenLayoutsKeys: Object.keys(screenLayouts),
-    loadingScreensKeys: Object.keys(loadingScreens),
-  });
-
   return (
     <div className="flex h-full w-full flex-col pt-4" style={style}>
       <Tabs
@@ -233,14 +201,6 @@ export function TabsWidget({ component, className, style, menuObjid }: TabsWidge
                           const layoutData = screenLayouts[tab.screenId];
                           const { components = [], screenResolution } = layoutData;
                           
-                          // 비활성 탭은 로그 생략
-                          if (isActive) {
-                            console.log("🎯 렌더링할 화면 데이터:", {
-                              screenId: tab.screenId,
-                              componentsCount: components.length,
-                              screenResolution,
-                            });
-                          }
 
                           const designWidth = screenResolution?.width || 1920;
                           const designHeight = screenResolution?.height || 1080;