피드로 돌아가기
I Built a Live UK Electricity Price Dashboard. Here's What Went Wrong (and Right)
Dev.toDev.to
Frontend

Zero-Cost 서버리스 아키텍처 기반 실시간 전력가 대시보드 구현 및 타임존 최적화

I Built a Live UK Electricity Price Dashboard. Here's What Went Wrong (and Right)

Subhashree Ayyappan2026년 6월 2일5intermediate

Context

Octopus API를 활용해 30분 단위로 변동하는 전력 가격을 제공하는 대시보드 구축. 초기 설계 시 하드코딩된 제품 코드와 UTC 기반 시간 처리로 인한 런타임 데이터 누락 및 타임존 불일치 문제 발생.

Technical Solution

  • 제품 코드 하드코딩 배제 및 제품 엔드포인트 선행 호출을 통한 동적 Active Product 식별 구조 설계
  • Intl.DateTimeFormat 기반의 London UTC Offset 동적 계산 로직을 통한 DST(Daylight Saving Time) 시점 데이터 정합성 확보
  • Sliding Window 알고리즘을 적용한 연속 N개 슬롯의 최소 평균 비용 산출 로직 구현
  • URL Search Params 기반의 지역 코드 관리로 상태 공유 가능성 및 SEO 최적화 달성
  • Redis Caching 도입을 통한 API 응답 시간 단축 및 외부 서버 부하 경감
  • Relative Canonical URL 설정을 통한 페이지별 고유 인덱싱 구조로 SEO 가시성 개선

1. 외부 API 제공자의 제품 코드를 하드코딩하지 않고 런타임에 동적으로 조회하는가?

2. DST(일광 절약 시간제)가 적용되는 지역의 시간 데이터를 처리할 때 오프셋 변화를 반영했는가?

3. SEO 최적화를 위해 Canonical URL이 각 페이지의 고유 주소를 가리키도록 설정했는가?

4. 외부 API 호출 빈도를 줄이기 위해 적절한 TTL을 가진 Caching 레이어를 설계했는가?

원문 읽기