에러 수정

frontend/components/admin/dashboard/DashboardDesigner.tsx

@@ -37,8 +37,8 @@ export default function DashboardDesigner({ dashboardId: initialDashboardId }: D
   const [screenResolution] = useState<Resolution>(() => detectScreenResolution());
   const [resolution, setResolution] = useState<Resolution>(screenResolution);
 
-  // 현재 해상도 설정
-  const canvasConfig = RESOLUTIONS[resolution];
+  // 현재 해상도 설정 (안전하게 기본값 제공)
+  const canvasConfig = RESOLUTIONS[resolution] || RESOLUTIONS.fhd;
 
   // 대시보드 ID가 props로 전달되면 로드
   React.useEffect(() => {
@@ -113,6 +113,19 @@ export default function DashboardDesigner({ dashboardId: initialDashboardId }: D
       const defaultWidth = defaultCells.width * cellWithGap - GRID_CONFIG.GAP;
       const defaultHeight = defaultCells.height * cellWithGap - GRID_CONFIG.GAP;
 
+      // 크기 유효성 검사
+      if (isNaN(defaultWidth) || isNaN(defaultHeight) || defaultWidth <= 0 || defaultHeight <= 0) {
+        console.error("Invalid size calculated:", {
+          canvasConfig,
+          cellSize,
+          cellWithGap,
+          defaultCells,
+          defaultWidth,
+          defaultHeight,
+        });
+        return;
+      }
+
       const newElement: DashboardElement = {
         id: `element-${elementCounter + 1}`,
         type,