격자 저장문제 수정

frontend/components/screen/ScreenDesigner.tsx

@@ -903,14 +903,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
             const layoutWithDefaultGrid = {
               ...layoutToUse,
               gridSettings: {
-                ...layoutToUse.gridSettings, // 기존 설정 먼저 적용
-                columns: 12,
-                gap: 16,
+                columns: layoutToUse.gridSettings?.columns || 12, // DB 값 우선, 없으면 기본값 12
+                gap: layoutToUse.gridSettings?.gap ?? 16, // DB 값 우선, 없으면 기본값 16
                 padding: 0, // padding은 항상 0으로 강제
-                snapToGrid: true,
-                showGrid: false, // 기본값 false로 변경
-                gridColor: "#d1d5db",
-                gridOpacity: 0.5,
+                snapToGrid: layoutToUse.gridSettings?.snapToGrid ?? true, // DB 값 우선
+                showGrid: layoutToUse.gridSettings?.showGrid ?? false, // DB 값 우선
+                gridColor: layoutToUse.gridSettings?.gridColor || "#d1d5db",
+                gridOpacity: layoutToUse.gridSettings?.gridOpacity ?? 0.5,
               },
             };
 
@@ -4284,12 +4283,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
                       tables={tables}
                       gridSettings={layout.gridSettings}
                       onUpdateProperty={updateComponentProperty}
-                      onGridSettingsChange={(newSettings) => {
-                        setLayout((prev) => ({
-                          ...prev,
-                          gridSettings: newSettings,
-                        }));
-                      }}
+                      onGridSettingsChange={updateGridSettings}
                       onDeleteComponent={deleteComponent}
                       onCopyComponent={copyComponent}
                       currentTable={tables.length > 0 ? tables[0] : undefined}