From d7e598435c5c64543082d2a874a0c99ed45e40ca Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 10 Nov 2025 15:06:46 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20UnifiedPropertiesPanel=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=EB=8F=84=20=EC=BB=AC=EB=9F=BC=20=EC=88=98/=EA=B0=84=EA=B2=A9/?=
 =?UTF-8?q?=EC=97=AC=EB=B0=B1=20=EC=84=A4=EC=A0=95=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/screen/ScreenDesigner.tsx | 30 ---------
 .../screen/panels/UnifiedPropertiesPanel.tsx  | 62 ++-----------------
 2 files changed, 4 insertions(+), 88 deletions(-)

diff --git a/frontend/components/screen/ScreenDesigner.tsx b/frontend/components/screen/ScreenDesigner.tsx
index 5ab96b97..20f158a6 100644
--- a/frontend/components/screen/ScreenDesigner.tsx
+++ b/frontend/components/screen/ScreenDesigner.tsx
@@ -3877,36 +3877,6 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
     endSelectionDrag,
   ]);
 
-  // 캔버스 크기 초기화 및 리사이즈 이벤트 처리
-  useEffect(() => {
-    const updateCanvasSize = () => {
-      if (canvasRef.current) {
-        const rect = canvasRef.current.getBoundingClientRect();
-        setCanvasSize({ width: rect.width, height: rect.height });
-      }
-    };
-
-    // 초기 크기 설정
-    updateCanvasSize();
-
-    // 리사이즈 이벤트 리스너
-    window.addEventListener("resize", updateCanvasSize);
-
-    return () => window.removeEventListener("resize", updateCanvasSize);
-  }, []);
-
-  // 컴포넌트 마운트 후 캔버스 크기 업데이트
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      if (canvasRef.current) {
-        const rect = canvasRef.current.getBoundingClientRect();
-        setCanvasSize({ width: rect.width, height: rect.height });
-      }
-    }, 100);
-
-    return () => clearTimeout(timer);
-  }, [selectedScreen]);
-
   // 키보드 이벤트 처리 (브라우저 기본 기능 완전 차단)
   useEffect(() => {
     const handleKeyDown = async (e: KeyboardEvent) => {
diff --git a/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx b/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
index 6d063640..178eb8a2 100644
--- a/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
+++ b/frontend/components/screen/panels/UnifiedPropertiesPanel.tsx
@@ -187,66 +187,12 @@ export const UnifiedPropertiesPanel: React.FC<UnifiedPropertiesPanelProps> = ({
             />
           </div>
 
-          {/* 컬럼 수 */}
-          <div className="space-y-1">
-            <Label htmlFor="columns" className="text-xs font-medium">
-              컬럼 수
-            </Label>
-            <div className="flex items-center gap-2">
-              <Input
-                id="columns"
-                type="number"
-                min={1}
-                max={safeMaxColumns}
-                step="1"
-                value={gridSettings.columns}
-                onChange={(e) => {
-                  const value = parseInt(e.target.value, 10);
-                  if (!isNaN(value) && value >= 1 && value <= safeMaxColumns) {
-                    updateGridSetting("columns", value);
-                  }
-                }}
-                className="h-6 px-2 py-0 text-xs"
-                style={{ fontSize: "12px" }}
-                placeholder={`1~${safeMaxColumns}`}
-              />
-            </div>
-            <p className="text-muted-foreground text-[10px]">
-              최대 {safeMaxColumns}개까지 설정 가능 (최소 컬럼 너비 {MIN_COLUMN_WIDTH}px)
+          {/* 10px 단위 스냅 안내 */}
+          <div className="bg-muted/50 rounded-md p-2">
+            <p className="text-[10px] text-muted-foreground">
+              모든 컴포넌트는 10px 단위로 자동 배치됩니다.
             </p>
           </div>
-
-          {/* 간격 */}
-          <div className="space-y-1">
-            <Label htmlFor="gap" className="text-xs font-medium">
-              간격: <span className="text-primary">{gridSettings.gap}px</span>
-            </Label>
-            <Slider
-              id="gap"
-              min={0}
-              max={40}
-              step={2}
-              value={[gridSettings.gap]}
-              onValueChange={([value]) => updateGridSetting("gap", value)}
-              className="w-full"
-            />
-          </div>
-
-          {/* 여백 */}
-          <div className="space-y-1">
-            <Label htmlFor="padding" className="text-xs font-medium">
-              여백: <span className="text-primary">{gridSettings.padding}px</span>
-            </Label>
-            <Slider
-              id="padding"
-              min={0}
-              max={60}
-              step={4}
-              value={[gridSettings.padding]}
-              onValueChange={([value]) => updateGridSetting("padding", value)}
-              className="w-full"
-            />
-          </div>
         </div>
       </div>
     );