Dashboard Kit

대시보드 키트. 통계 카드, 차트, 최근 활동 위젯을 제공합니다.

기술 스택

ZustandReact QueryAxiosRechartsTypeScript

기능

  • 통계 카드 (증감률, 아이콘, 포맷팅)
  • 차트 (라인, 바, 파이)
  • 최근 활동 피드
  • 기간 필터 (일/주/월/년)
  • 자동 데이터 갱신
  • 레이아웃 설정 저장
  • 위젯 표시/숨김

파일 구조

설치

1. 의존성 설치

2. 코드 복사

아래 코드 탭에서 필요한 파일들을 복사합니다.

3. API 주소 변경

코드

사용 예시

접근성

  • 통계 카드에 role="region" 및 aria-label 적용
  • 차트에 대체 텍스트 또는 데이터 테이블 제공
  • 증감률에 aria-label로 전체 맥락 제공
  • 자동 갱신 시 aria-live="polite"로 알림
  • 색상만으로 정보 전달하지 않음 (아이콘/텍스트 병행)