One Bus: 버세권 정보 시각화
공공 데이터 크롤링과 지도 UI를 결합한 대중교통 시각화 프로젝트
지도 플랫폼 서비스를 운영하는 고객사와 협업하며 쌓은 도메인 지식을 심화하기 위해 시작한 개인 프로젝트입니다. 단순히 정류장 위치를 보여주는 것을 넘어, 실제 버스의 흐름과 노선 데이터를 시각적으로 표현하여 '버세권(버스 역세권)' 정보를 직관적으로 전달하는 데 초점을 맞췄습니다.
프로젝트 유형:개인 프로젝트 (기획, 디자인, 개발 100%)
개발 기간:5일
주요 기능 및 기술적 도전
대용량 데이터 시각화 및 스트레스 테스트
- 특정 정류소를 경유하는 모든 버스 노선을 동시에 렌더링하는 스트레스 테스트 수행
- 퍼져나가는 애니메이션 효과를 통해 노선의 분포와 밀집도를 직관적으로 파악 가능하도록 구현
- 다중 마커 및 폴리라인 렌더링 시 성능 저하 방지 최적화
확장성 있는 지도 아키텍처 설계
- Naver Map, Kakao Map 등 다양한 지도 SDK를 유연하게 교체할 수 있는 추상화 계층 설계
- 지도 변경 시 비즈니스 로직 수정 없이 UI 레이어만 교체 가능한 구조 구축
공공 데이터 활용 및 도메인 지식
- 공공 데이터 포털의 버스 노선 및 정류소 API 활용
- 좌표계 변환 및 지도 데이터 매핑에 대한 노하우 축적
기술 스택
React, TypeScript, Public Data API, Naver/Kakao Maps SDK