hjjeong
d8f73c1136
✨ 새로운 기능: - 드래그 앤 드롭 대시보드 설계 도구 - SQL 쿼리 에디터 및 실시간 실행 - Recharts 기반 차트 컴포넌트 (Bar, Pie, Line) - 차트 데이터 매핑 및 설정 UI - 요소 이동, 크기 조절, 삭제 기능 - 레이아웃 저장 기능 📦 추가된 컴포넌트: - DashboardDesigner: 메인 설계 도구 - QueryEditor: SQL 쿼리 작성 및 실행 - ChartConfigPanel: 차트 설정 패널 - ChartRenderer: 실제 차트 렌더링 - CanvasElement: 드래그 가능한 캔버스 요소 🔧 기술 스택: - Recharts 라이브러리 추가 - TypeScript 타입 정의 완비 - 독립적 컴포넌트 구조로 설계 🎯 접속 경로: /admin/dashboard
86 lines
2.7 KiB
JSON
86 lines
2.7 KiB
JSON
{
|
|
"name": "frontend",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "next dev --turbopack -p 9771",
|
|
"build": "next build",
|
|
"build:no-lint": "DISABLE_ESLINT_PLUGIN=true next build",
|
|
"start": "next start",
|
|
"lint": "next lint",
|
|
"lint:fix": "next lint --fix",
|
|
"format": "prettier --write .",
|
|
"format:check": "prettier --check .",
|
|
"create-layout": "node scripts/create-layout.js",
|
|
"performance-test": "tsx scripts/performance-test.ts",
|
|
"test:dataflow": "jest lib/services/__tests__/buttonDataflowPerformance.test.ts"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@hookform/resolvers": "^5.2.1",
|
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
"@radix-ui/react-alert-dialog": "^1.1.15",
|
|
"@radix-ui/react-avatar": "^1.1.0",
|
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
"@radix-ui/react-collapsible": "^1.1.12",
|
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.1",
|
|
"@radix-ui/react-label": "^2.1.7",
|
|
"@radix-ui/react-navigation-menu": "^1.2.14",
|
|
"@radix-ui/react-popover": "^1.1.15",
|
|
"@radix-ui/react-progress": "^1.1.7",
|
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
"@radix-ui/react-select": "^2.2.6",
|
|
"@radix-ui/react-separator": "^1.1.7",
|
|
"@radix-ui/react-slot": "^1.2.3",
|
|
"@radix-ui/react-switch": "^1.2.6",
|
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
"@tanstack/react-query": "^5.86.0",
|
|
"@tanstack/react-table": "^8.21.3",
|
|
"@types/react-window": "^1.8.8",
|
|
"@xyflow/react": "^12.8.4",
|
|
"axios": "^1.11.0",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"cmdk": "^1.1.1",
|
|
"date-fns": "^4.1.0",
|
|
"docx-preview": "^0.3.6",
|
|
"lucide-react": "^0.525.0",
|
|
"mammoth": "^1.11.0",
|
|
"next": "15.4.4",
|
|
"react": "19.1.0",
|
|
"react-day-picker": "^9.9.0",
|
|
"react-dom": "19.1.0",
|
|
"react-hook-form": "^7.62.0",
|
|
"react-hot-toast": "^2.6.0",
|
|
"react-window": "^2.1.0",
|
|
"recharts": "^3.2.1",
|
|
"sheetjs-style": "^0.15.8",
|
|
"sonner": "^2.0.7",
|
|
"tailwind-merge": "^3.3.1",
|
|
"xlsx": "^0.18.5",
|
|
"zod": "^4.1.5"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/eslintrc": "^3",
|
|
"@tailwindcss/postcss": "^4",
|
|
"@tanstack/react-query-devtools": "^5.86.0",
|
|
"@types/node": "^20",
|
|
"@types/react": "^19.1.13",
|
|
"@types/react-dom": "^19.1.9",
|
|
"eslint": "^9",
|
|
"eslint-config-next": "15.4.4",
|
|
"eslint-config-prettier": "^10.1.8",
|
|
"eslint-plugin-prettier": "^5.5.4",
|
|
"prettier": "^3.6.2",
|
|
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
"prisma": "^6.14.0",
|
|
"tailwindcss": "^4",
|
|
"tw-animate-css": "^1.3.6",
|
|
"typescript": "^5"
|
|
}
|
|
}
|