# 실시간 데이터 대시보드

> 여러 데이터 소스를 통합하여 핵심 지표를 실시간으로 시각화하는 웹 대시보드

- Canonical: https://heyratty.io/portfolio/realtime-data-dashboard
- Category: 웹 개발, 업무 자동화
- Client: B2B 기업
- Period: 2026.02
- Tech: Next.js, TypeScript, REST API, Chart.js, Vercel
- Before → After: 여러 시스템 30분 → 대시보드 1분

## Challenge
여러 시스템과 데이터 소스에 흩어진 핵심 지표를 하나의 웹 대시보드에서 실시간으로 확인할 수 있는 시스템입니다.

## Solution
경영진, 팀 리더가 현황을 파악하기 위해 여러 시스템에 접속할 필요 없이, 대시보드 하나로 전체 현황을 조망합니다.

## Features
- **멀티 소스 통합** — 데이터베이스, API, 스프레드시트 등 다양한 소스의 데이터를 하나의 화면에 통합합니다.
- **실시간 자동 업데이트** — 설정된 주기로 데이터를 자동 갱신하여 항상 최신 정보를 표시합니다.
- **인터랙티브 차트** — 기간 선택, 필터, 드릴다운 등 인터랙티브한 데이터 탐색이 가능합니다.
- **반응형 디자인** — PC, 태블릿, 모바일 어디서든 최적화된 레이아웃으로 확인할 수 있습니다.

## Flow
1. **지표 설정 입력** — "매출·재고·CS 현황 한눈에 보여줘"
2. **AI 자동 수집** — 데이터 소스 연동 · 가공 · 시각화
3. **실시간 대시보드** — 이상치 감지 시 자동 알림 발송

## Results
- 현황 파악 시간: 여러 시스템 접속 30분 → 대시보드 1분
- 데이터 기반: 의사결정 속도 향상
- 이상치 자동 감지: 문제 발생 즉시 인지
- 보고 회의 시간 단축: 실시간 데이터로 사전 공유

## Contact
- Email: contact@heyratty.io
- Website: https://heyratty.io