fix: UnifiedPropertiesPanel에서도 컬럼 수/간격/여백 설정 제거

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) => {

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>
     );