From 7f68a70b0f08273e398a2ee126700a2dab1770c7 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Mon, 10 Nov 2025 14:47:59 +0900
Subject: [PATCH] =?UTF-8?q?wip:=20snapToGrid=20=EC=9D=98=EC=A1=B4=EC=84=B1?=
 =?UTF-8?q?=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 | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/components/screen/ScreenDesigner.tsx b/frontend/components/screen/ScreenDesigner.tsx
index 980f31f7..67310cff 100644
--- a/frontend/components/screen/ScreenDesigner.tsx
+++ b/frontend/components/screen/ScreenDesigner.tsx
@@ -1068,7 +1068,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
           columns: newGridSettings.columns,
           gap: newGridSettings.gap,
           padding: newGridSettings.padding,
-          snapToGrid: newGridSettings.snapToGrid,
+          snapToGrid: newGridSettings.
         };
 
         const adjustedComponents = layout.components.map((comp) => {
@@ -1183,7 +1183,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
           columns: layout.gridSettings.columns,
           gap: layout.gridSettings.gap,
           padding: layout.gridSettings.padding,
-          snapToGrid: layout.gridSettings.snapToGrid,
+          snapToGrid: layout.gridSettings.
         };
 
         finalComponents = scaledComponents.map((comp) => {
@@ -1253,7 +1253,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
       columns: layout.gridSettings.columns,
       gap: layout.gridSettings.gap,
       padding: layout.gridSettings.padding,
-      snapToGrid: layout.gridSettings.snapToGrid,
+      snapToGrid: layout.gridSettings.
     };
 
     const adjustedComponents = layout.components.map((comp) => {
@@ -1495,7 +1495,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             templateSize: templateComp.size,
             calculatedSize,
             hasGridInfo: !!currentGridInfo,
-            hasGridSettings: !!layout.gridSettings?.snapToGrid,
+            hasGridSettings: !!layout.gridSettings?.
           });
 
           return {
@@ -1786,7 +1786,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
 
       toast.success(`${template.name} 템플릿이 추가되었습니다.`);
     },
-    [layout, selectedScreen, snapToGrid, saveToHistory],
+    [layout, selectedScreen, saveToHistory],
   );
 
   // 레이아웃 드래그 처리
@@ -1856,7 +1856,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
 
       toast.success(`${layoutData.label} 레이아웃이 추가되었습니다.`);
     },
-    [layout, screenResolution, snapToGrid, saveToHistory, zoomLevel],
+    [layout, screenResolution, saveToHistory, zoomLevel],
   );
 
   // handleZoneComponentDrop은 handleComponentDrop으로 대체됨
@@ -2119,7 +2119,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         // gridColumns에 맞는 정확한 너비 계산
         const calculatedWidth = calculateWidthFromColumns(
           gridColumns,
-          
+
           layout.gridSettings as GridUtilSettings,
         );
 
@@ -2217,7 +2217,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
 
       toast.success(`${component.name} 컴포넌트가 추가되었습니다.`);
     },
-    [layout, selectedScreen, snapToGrid, saveToHistory],
+    [layout, selectedScreen, saveToHistory],
   );
 
   // 드래그 앤 드롭 처리
@@ -2318,7 +2318,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                 }
               : null,
             defaultWidth: defaultWidth.toFixed(2),
-            snapToGrid: layout.gridSettings?.snapToGrid,
+            snapToGrid: layout.gridSettings?.
           });
 
           // 웹타입별 기본 너비 계산 (10px 단위 고정)
@@ -3612,7 +3612,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
 
       console.log("🔧 그룹 생성 시작:", {
         selectedCount: selectedComponents.length,
-        snapToGrid: layout.gridSettings?.snapToGrid,
+        snapToGrid: layout.gridSettings?.
         gridInfo: currentGridInfo,
       });
 
@@ -3777,7 +3777,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
         size: optimizedGroupSize,
         gridColumns: groupComponent.gridColumns,
         componentsScaled: !!scaledComponents.length,
-        gridAligned: layout.gridSettings?.snapToGrid,
+        gridAligned: layout.gridSettings?.
       });
 
       toast.success(`그룹이 생성되었습니다 (${finalChildren.length}개 컴포넌트)`);