운영 중Featured
DeFi Dashboard: Nova Finance
실시간 자산 변동 추적 및 가상자산 포트폴리오 관리 대시보드. 복잡한 차트 데이터를 시각화하는 데 주력했습니다.
진행 기간
2024.09 - 2024.11
핵심 기술
ReactRechartsTailwind CSSReact Query
📊 Data Visualization Challenge
대용량 데이터 시각화
수천 개의 데이터 포인트를 실시간으로 렌더링할 때 발생하는 메인 스레드 병목 현상을 해결하기 위해 Web Worker를 도입하여 연산 로직을 분리했습니다.
실시간성 확보 (WebSocket)
Socket.io를 활용하여 0.1초 단위의 시세 변동을 지연 없이 차트에 반영했습니다.- Throttle 전략: 불필요한 리렌더링을 방지하기 위해 데이터 업데이트 주기를 최적화했습니다.