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 = ({ /> - {/* 컬럼 수 */} -
- -
- { - 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}`} - /> -
-

- 최대 {safeMaxColumns}개까지 설정 가능 (최소 컬럼 너비 {MIN_COLUMN_WIDTH}px) + {/* 10px 단위 스냅 안내 */} +

+

+ 모든 컴포넌트는 10px 단위로 자동 배치됩니다.

- - {/* 간격 */} -
- - updateGridSetting("gap", value)} - className="w-full" - /> -
- - {/* 여백 */} -
- - updateGridSetting("padding", value)} - className="w-full" - /> -
);