프로젝트 배경
1) 문제점
- 블랙박스 이벤트 데이터가 개별 기기에 분산되어 활용 불가
- 도로 위험구간 정보를 시각적으로 확인할 방법 부재
- 사용자 간 영상 공유 기능 미비
2) 프로젝트 목표
- 글로벌 블랙박스 빅데이터 시각화 플랫폼 구축
- 이벤트 히트맵으로 도로 위험도 직관적 표현
- 영상 공유 기능으로 사용자 참여형 서비스 구현
3) 주안점
- 대용량 데이터 처리 성능 최적화
- 직관적인 히트맵 UI/UX
- 웹/앱 크로스 플랫폼 지원
- 블랙박스 이벤트 데이터가 개별 기기에 분산되어 활용 불가
- 도로 위험구간 정보를 시각적으로 확인할 방법 부재
- 사용자 간 영상 공유 기능 미비
2) 프로젝트 목표
- 글로벌 블랙박스 빅데이터 시각화 플랫폼 구축
- 이벤트 히트맵으로 도로 위험도 직관적 표현
- 영상 공유 기능으로 사용자 참여형 서비스 구현
3) 주안점
- 대용량 데이터 처리 성능 최적화
- 직관적인 히트맵 UI/UX
- 웹/앱 크로스 플랫폼 지원
프로젝트 성과
글로벌 서비스 런칭
전 세계 BlackVue Cloud 사용자 대상 서비스 제공
빅데이터 파이프라인 구축
일 단위 이벤트 데이터 수집/처리 시스템
지속 개발
v2.0 → v7.4까지 지속적 기능 확장
핵심 아이디어 제안
이벤트맵 컨셉 및 주요 기능 아이디어 제안
핵심 기능

이벤트 히트맵
도로별 이벤트 발생 빈도를 5단계 색상으로 시각화. 줌 레벨별 데이터 집계로 성능 최적화

이벤트 통계
도로 클릭 시 충격/과속/급정거/급가속/급회전 등 이벤트별 통계 표시
영상 공유/재생
사용자가 공유 동의한 블랙박스 영상을 지도에서 직접 재생. Live event upload 기능
이벤트 필터
충격(Driving/Parking impact), 과속, 급정거, 급가속, 급회전, 매뉴얼 등 이벤트 유형별 필터링
진행 단계
기획 및 요구사항 정의
2020.11.
빅데이터 시각화 컨셉 정의, 타사 서비스 분석
1차 개발
2021.05.
이벤트맵 메뉴 개발, Mapbox 연동, 히트맵 구현
영상 공유 기능
2021.07.
사용자 영상 공유 동의 및 재생 기능
2차 개발
2021.11.
클라우드 서비스 base 지도를 이벤트맵으로 통합
프로젝트 상세
1) 포트폴리오 소개
- 글로벌 블랙박스 사용자를 위한 빅데이터 시각화 플랫폼 개발. 전 세계 수십만 대의 블랙박스에서 수집되는 이벤트 데이터(충격, 과속, 급정거 등)를 지도 위에 히트맵으로 시각화하고, 사용자들이 공유 동의한 영상을 재생할 수 있는 서비스.
2) 작업 범위
- Front-end 개발 (React, TypeScript)
- Back-end 개발 (Node.js, PostgreSQL)
- 빅데이터 시각화 (Mapbox GL JS 히트맵)
- 데이터 파이프라인 구축 (일 단위 이벤트 데이터 수집/처리)
- 반응형 웹, 앱 연동
3) 주요 업무
- 이벤트 히트맵: 도로별 이벤트 발생 빈도를 5단계 색상으로 시각화
- 이벤트 통계: 도로 클릭 시 충격/과속/급정거/급가속/급회전 등 이벤트별 통계 표시
- 영상 공유/재생: 사용자가 공유 동의한 블랙박스 영상을 지도에서 직접 재생
- 이벤트 필터: 충격/난폭운전/매뉴얼 등 이벤트 유형별 필터링
- 지도 모드: 기본맵/위성지도 전환, 줌 레벨별 데이터 집계
4) 주안점
- 대용량 데이터 처리 성능 최적화 (수백만 건 이벤트 클러스터링)
- 줌 레벨별 데이터 집계로 렌더링 부하 감소
- 직관적인 히트맵 UI/UX
- 웹/앱 크로스 플랫폼 지원
- 핵심 컨셉 및 주요 기능 아이디어 제안
- 글로벌 블랙박스 사용자를 위한 빅데이터 시각화 플랫폼 개발. 전 세계 수십만 대의 블랙박스에서 수집되는 이벤트 데이터(충격, 과속, 급정거 등)를 지도 위에 히트맵으로 시각화하고, 사용자들이 공유 동의한 영상을 재생할 수 있는 서비스.
2) 작업 범위
- Front-end 개발 (React, TypeScript)
- Back-end 개발 (Node.js, PostgreSQL)
- 빅데이터 시각화 (Mapbox GL JS 히트맵)
- 데이터 파이프라인 구축 (일 단위 이벤트 데이터 수집/처리)
- 반응형 웹, 앱 연동
3) 주요 업무
- 이벤트 히트맵: 도로별 이벤트 발생 빈도를 5단계 색상으로 시각화
- 이벤트 통계: 도로 클릭 시 충격/과속/급정거/급가속/급회전 등 이벤트별 통계 표시
- 영상 공유/재생: 사용자가 공유 동의한 블랙박스 영상을 지도에서 직접 재생
- 이벤트 필터: 충격/난폭운전/매뉴얼 등 이벤트 유형별 필터링
- 지도 모드: 기본맵/위성지도 전환, 줌 레벨별 데이터 집계
4) 주안점
- 대용량 데이터 처리 성능 최적화 (수백만 건 이벤트 클러스터링)
- 줌 레벨별 데이터 집계로 렌더링 부하 감소
- 직관적인 히트맵 UI/UX
- 웹/앱 크로스 플랫폼 지원
- 핵심 컨셉 및 주요 기능 아이디어 제안

지도에서 이벤트 마커 클릭 시 해당 지점의 상세 정보 확인. 급제동, 충격 등 이벤트 유형과 함께 해당 순간의 블랙박스 영상을 바로 재생할 수 있습니다.

특정 도로 구간 클릭 시 해당 구간의 이벤트 통계 팝업 표시. 충격, 과속, 급가속, 급제동, 급회전 등 유형별 발생 횟수와 관련 영상 목록을 제공합니다.

누적된 주행 데이터를 기반으로 도로별 이벤트 발생 빈도를 히트맵으로 시각화. 노란색에서 빨간색으로 갈수록 위험 이벤트가 많이 발생한 구간입니다.


