피드로 돌아가기
Dev.toFrontend
원문 읽기
Yahoo Finance API 기반의 60초 주기 실시간 Gift Nifty 추적 대시보드 구현
Building a Real-Time Gift Nifty Tracker Using Yahoo Finance API (Step-by-Step)
AI 요약
Context
시장 데이터의 단순 조회를 넘어 실시간 시각화와 추세 분석을 제공하는 경량 대시보드 필요성 대두. 기존의 복잡한 백엔드 구축 대신 빠른 프로토타이핑을 위한 API Proxy 기반 아키텍처 채택.
Technical Solution
- Yahoo Finance API를 활용한 Timestamp 및 Price 데이터의 직접 추출 구조 설계
- 데이터 렌더링 전 Null Value 필터링을 통한 차트 깨짐 현상 방지 로직 적용
- Chart.js의 Line Chart를 활용하여 시계열 데이터의 시각적 가독성 확보
- 첫 가격과 마지막 가격의 단순 비교를 통한 Bullish/Bearish Sentiment 판별 알고리즘 구현
- setInterval 기반의 60초 주기 폴링 메커니즘으로 실시간 데이터 동기화 구현
- UTC 기준 API 응답 데이터를 IST(인도 표준시)로 변환하는 타임존 처리 로직 적용
실천 포인트
1. 외부 API 연동 시 응답 데이터의 Null 값 존재 여부를 확인하고 전처리 필터를 구축했는가
2. 실시간성 요구사항에 따라 WebSocket 대신 단순 폴링(Polling)으로 해결 가능한 주기인지 검토했는가
3. 데이터 시각화 시 라이브러리의 경량성과 렌더링 성능을 고려하여 선택했는가
4. API Rate Limit 및 Endpoint 신뢰성 저하에 대비한 예외 처리 로직을 반영했는가