← 포트폴리오 목록
엣지레이더 글로벌 CDN 트래픽 관제 플랫폼
MVP 이후 여러 리전에 분산된 CDN 엣지 네트워크를 통합 관리하는 확장 콘솔입니다.
멀티 리전 트래픽 집계 파이프라인 설계PostgreSQL Materialized View로 리전별 캐시 히트율·대역폭 사용량 집계, 시간 단위 증분 갱신 구조 구현
Cloudflare API 기반 라우팅 정책 엔진 구현리전 장애 감지 시 자동 페일오버 라우팅 로직 설계, 정책 규칙을 코드로 관리하는 구조 구축
리전별 비용 정산 리포트 파이프라인 구축대역폭·스토리지 사용량 기반 정산 배치 작업 구현, 리포트 API와 CSV 내보내기 기능 설계
Overview
프로젝트 개요
MVP 이후 여러 리전에 분산된 CDN 엣지 네트워크를 통합 관리하는 확장 콘솔입니다. 리전별 트래픽·캐시 히트율을 지도로 시각화하고, 멀티 CDN 장애조치 라우팅과 리전별 비용 정산 리포트를 포함한 관제 플랫폼을 React + Node.js 기반으로 설계·구현합니다.
요구사항 정의
프로젝트 핵심 과제
프로젝트 진행 시 해결한 핵심 기술 과제입니다.
리전별로 상이한 CDN 엣지 성능 데이터를 실시간으로 집계해 장애 감지 임계값을 산정하는 로직 설계
멀티 CDN 페일오버 전환 시 진행 중인 재생 세션의 끊김을 최소화하는 라우팅 전환 로직 설계
리전별 대역폭·스토리지 사용량을 정확히 정산하기 위한 비용 집계 배치의 데이터 정합성 확보
다수 리전 지점을 지도 위에 동시에 시각화하면서도 렌더링 성능을 유지하는 구조 설계
핵심 기능 1
글로벌 엣지 네트워크 트래픽 지도
전 세계에 배치된 CDN 엣지 노드의 실시간 트래픽과 캐시 히트율을 지도 위에서 한눈에 확인할 수 있는 화면입니다
핵심 기능 2
리전별 캐시 히트율 & 트랜스코딩 부하 분산 분석
리전별 캐시 히트율과 트랜스코딩 작업 부하 분산 현황을 비교 분석할 수 있는 화면입니다. 리전별 히트율·오리진 요청 수·트랜스코딩 처리 시간을 테이블과 차트로 비교하고, 부하가 집중된 리전을 자동 식별합니다
핵심 기능 3
멀티 CDN 장애조치 & 라우팅 정책 관리
단일 CDN 장애 시 대체 경로로 자동 전환하는 라우팅 정책을 구성하고 장애조치 이력을 확인할 수 있는 화면입니다
핵심 기능 4
스트리밍 비용 정산 & 리전별 과금 리포트
리전별 대역폭·스토리지 사용량을 기반으로 CDN·스토리지 비용을 정산하고 리포트를 생성할 수 있는 화면입니다. 월별 사용량 집계, 리전별 과금 내역, CSV 내보내기 기능을 제공합니다
구현 과정
프로젝트 진행 단계
STEP 1
글로벌 엣지 트래픽 데이터 모델링
리전별 캐시 히트율·트래픽·비용 데이터 스키마 설계, Materialized View 기반 집계 구조 구축
STEP 2
멀티 CDN 라우팅 및 장애조치 로직 개발
Cloudflare API 연동 라우팅 정책 엔진 구현, 리전 장애 감지 시 자동 페일오버 로직 설계
STEP 3
비용 정산 및 리포트 파이프라인 구현
리전별 대역폭·스토리지 사용량 집계 배치 작업 구현, 정산 리포트 생성 API 개발
STEP 4
지도 기반 관제 UI 개발
Recharts 및 지리 좌표 기반 지도 시각화 컴포넌트 구현, 리전 상세 패널 UI 설계
STEP 5
통합 분석 대시보드 최적화
리전별 재생 품질 지표 통합, 대시보드 렌더링 성능 최적화 및 반응형 레이아웃 적용
프로젝트 성과
멀티 리전 트래픽 집계 파이프라인 설계PostgreSQL Materialized View로 리전별 캐시 히트율·대역폭 사용량 집계, 시간 단위 증분 갱신 구조 구현
Cloudflare API 기반 라우팅 정책 엔진 구현리전 장애 감지 시 자동 페일오버 라우팅 로직 설계, 정책 규칙을 코드로 관리하는 구조 구축
리전별 비용 정산 리포트 파이프라인 구축대역폭·스토리지 사용량 기반 정산 배치 작업 구현, 리포트 API와 CSV 내보내기 기능 설계
지리 좌표 기반 관제 지도 컴포넌트 구현SVG 기반 리전 지도 시각화 컴포넌트 설계, 리전 클릭 시 상세 패널과 통계 동기화 구현
Review
기술적 주안점
- 지리 좌표 데이터와 실시간 트래픽 지표를 결합한 지도 시각화 컴포넌트를 구현하며, 리전별 이상 트래픽 패턴을 색상 임계값으로 자동 강조하는 구조를 설계합니다
- Materialized View 기반 증분 집계 구조로 리전별 지표를 효율적으로 조회하며, 부하 불균형을 자동 감지해 재분산을 제안하는 로직을 설계합니다
- 헬스체크 기반 자동 페일오버 트리거를 구현하며, 라우팅 정책 변경 이력을 감사 로그로 남기는 구조를 설계합니다
