From 82723610635a60ee858d8e629c9eab4eaba0d29d Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Tue, 18 Nov 2025 13:12:50 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20Section=20Card/Paper=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EB=94=94=EB=B2=84=EA=B9=85=20?=
 =?UTF-8?q?=EB=A1=9C=EA=B7=B8=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

목적:
- 콘솔창이 너무 많은 디버깅 정보로 지저분해지는 문제 해결
- 정상 작동 시 불필요한 로그 출력 최소화

변경사항:
- UnifiedPropertiesPanel: 4개 디버깅 로그 제거
  • renderDetailTab 컴포넌트 타입 확인 로그
  • DataTable/Component 타입 감지 로그
  • DynamicComponentConfigPanel onChange 로그
- RealtimePreviewDynamic: baseStyle 크기 정보 로그 주석 처리

결과:
- Section Card/Paper 사용 시 깔끔한 콘솔
- 에러 발생 시에만 에러 메시지 표시 (기존 핸들링 유지)
- 필요시 주석 해제로 디버깅 로그 재활성화 가능
---
 .../screen/RealtimePreviewDynamic.tsx         | 22 ++++++++-----------
 .../screen/panels/UnifiedPropertiesPanel.tsx  |  5 -----
 2 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/frontend/components/screen/RealtimePreviewDynamic.tsx b/frontend/components/screen/RealtimePreviewDynamic.tsx
index b488de72..93872289 100644
--- a/frontend/components/screen/RealtimePreviewDynamic.tsx
+++ b/frontend/components/screen/RealtimePreviewDynamic.tsx
@@ -272,19 +272,15 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
     right: undefined,
   };
 
-  // 디버깅: 크기 정보 로그
-  if (component.id && isSelected) {
-    console.log("📐 RealtimePreview baseStyle:", {
-      componentId: component.id,
-      componentType: (component as any).componentType || component.type,
-      sizeWidth: size?.width,
-      sizeHeight: size?.height,
-      styleWidth: componentStyle?.width,
-      styleHeight: componentStyle?.height,
-      baseStyleWidth: baseStyle.width,
-      baseStyleHeight: baseStyle.height,
-    });
-  }
+  // 크기 정보는 필요시에만 디버깅 (개발 중 문제 발생 시 주석 해제)
+  // if (component.id && isSelected) {
+  //   console.log("📐 RealtimePreview baseStyle:", {
+  //     componentId: component.id,
+  //     componentType: (component as any).componentType || component.type,
+  //     sizeWidth: size?.width,
+  //     sizeHeight: size?.height,
+  //   });
+  // }
 
   // 🔍 DOM 렌더링 후 실제 크기 측정
   const innerDivRef = React.useRef<HTMLDivElement>(null);
diff --git a/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx b/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
index fce80d48..6c77b4f1 100644
--- a/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
+++ b/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
@@ -922,11 +922,8 @@ export const UnifiedPropertiesPanel: React.FC<UnifiedPropertiesPanelProps> = ({
 
   // 상세 설정 탭 (DetailSettingsPanel의 전체 로직 통합)
   const renderDetailTab = () => {
-    console.log("🔍 [renderDetailTab] selectedComponent.type:", selectedComponent.type);
-
     // 1. DataTable 컴포넌트
     if (selectedComponent.type === "datatable") {
-      console.log("✅ [renderDetailTab] DataTable 컴포넌트");
       return (
         <DataTableConfigPanel
           component={selectedComponent as DataTableComponent}
@@ -983,7 +980,6 @@ export const UnifiedPropertiesPanel: React.FC<UnifiedPropertiesPanelProps> = ({
 
     // 5. 새로운 컴포넌트 시스템 (type: "component")
     if (selectedComponent.type === "component") {
-      console.log("✅ [renderDetailTab] Component 타입");
       const componentId = (selectedComponent as any).componentType || selectedComponent.componentConfig?.type;
       const webType = selectedComponent.componentConfig?.webType;
 
@@ -1043,7 +1039,6 @@ export const UnifiedPropertiesPanel: React.FC<UnifiedPropertiesPanelProps> = ({
             tables={tables}
             menuObjid={menuObjid} // 🆕 메뉴 OBJID 전달
             onChange={(newConfig) => {
-              console.log("🔄 DynamicComponentConfigPanel onChange:", newConfig);
               // 개별 속성별로 업데이트하여 다른 속성과의 충돌 방지
               Object.entries(newConfig).forEach(([key, value]) => {
                 handleUpdate(`componentConfig.${key}`, value);