WebSocket으로 실시간 데이터를 받아 즉시 다시 그리는 대시보드입니다. 잘 돌아갈 때가 아니라 끊겼을 때를 기준으로 만들었습니다. 직접 구현한 부분 - 연결이 끊기면 지수 백오프로 재연결 (대기 상한 15초, 성공 시 카운터 초기화) - 연결 중, 실시간, 재연결 중 상태를 화면에 그대로 표시. 멈춘 숫자를 실시간인 척 보여주지 않음 - 차트 라이브러리 없이 SVG로 직접 렌더링 (라인, 영역, 스파크라인) - 등락을 색과 부호로 이중 표시해 색각 이상 사용자도 구분 가능 - 값이 모두 같을 때 선이 사라지는 0 나눗셈 결함을 방어 정적 빌드 gzip 66KB, API 키 없이 동작합니다. 주문, 결제, 물류처럼 상태가 계속 바뀌는 관리자 화면에 그대로 적용할 수 있습니다. React 19 / TypeScript strict / Vite / WebSocket / 상태 관리 라이브러리 없음