hjjeong
d8f73c1136
✨ 새로운 기능: - 드래그 앤 드롭 대시보드 설계 도구 - SQL 쿼리 에디터 및 실시간 실행 - Recharts 기반 차트 컴포넌트 (Bar, Pie, Line) - 차트 데이터 매핑 및 설정 UI - 요소 이동, 크기 조절, 삭제 기능 - 레이아웃 저장 기능 📦 추가된 컴포넌트: - DashboardDesigner: 메인 설계 도구 - QueryEditor: SQL 쿼리 작성 및 실행 - ChartConfigPanel: 차트 설정 패널 - ChartRenderer: 실제 차트 렌더링 - CanvasElement: 드래그 가능한 캔버스 요소 🔧 기술 스택: - Recharts 라이브러리 추가 - TypeScript 타입 정의 완비 - 독립적 컴포넌트 구조로 설계 🎯 접속 경로: /admin/dashboard
19 lines
475 B
TypeScript
19 lines
475 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import DashboardDesigner from '@/components/admin/dashboard/DashboardDesigner';
|
|
|
|
/**
|
|
* 대시보드 관리 페이지
|
|
* - 드래그 앤 드롭으로 대시보드 레이아웃 설계
|
|
* - 차트 및 위젯 배치 관리
|
|
* - 독립적인 컴포넌트로 구성되어 다른 시스템에 영향 없음
|
|
*/
|
|
export default function DashboardPage() {
|
|
return (
|
|
<div className="h-full">
|
|
<DashboardDesigner />
|
|
</div>
|
|
);
|
|
}
|