레포트관리에 그리드 시스템 1차 적용(2차적인 개선 필요)

frontend/types/report.ts

@@ -81,6 +81,18 @@ export interface ExternalConnection {
   is_active: string;
 }
 
+// 그리드 설정
+export interface GridConfig {
+  cellWidth: number; // 그리드 셀 너비 (px)
+  cellHeight: number; // 그리드 셀 높이 (px)
+  rows: number; // 세로 그리드 수 (계산값: pageHeight / cellHeight)
+  columns: number; // 가로 그리드 수 (계산값: pageWidth / cellHeight)
+  visible: boolean; // 그리드 표시 여부
+  snapToGrid: boolean; // 그리드 스냅 활성화 여부
+  gridColor: string; // 그리드 선 색상
+  gridOpacity: number; // 그리드 투명도 (0-1)
+}
+
 // 페이지 설정
 export interface ReportPage {
   page_id: string;
@@ -96,6 +108,7 @@ export interface ReportPage {
     right: number;
   };
   background_color: string;
+  gridConfig?: GridConfig; // 그리드 설정 (옵셔널)
   components: ComponentConfig[];
 }
 
@@ -113,6 +126,11 @@ export interface ComponentConfig {
   width: number;
   height: number;
   zIndex: number;
+  // 그리드 좌표 (옵셔널)
+  gridX?: number; // 시작 열 (0부터 시작)
+  gridY?: number; // 시작 행 (0부터 시작)
+  gridWidth?: number; // 차지하는 열 수
+  gridHeight?: number; // 차지하는 행 수
   fontSize?: number;
   fontFamily?: string;
   fontWeight?: string;