활용사례(갤러리)

5호선 기관사 교번 다이어그램 (DIA)

등록일2026-02-23 | 등록자이**

주요기능 소개

  1. 실시간 열차 위치 조회: 5호선 전체 역에 현재 운행 중인 열차의 위치·방향·상태를 30초 간격으로 자동 갱신하여 노선도 위에 표시합니다.

  2. 노선도 시각화: 본선(방화~하남검단산)과 마천지선을 구분하여 SVG 지도 위에 열차 아이콘으로 실시간 위치를 표현합니다.

  3. 열차 상세정보: 열차번호, 현재역, 다음역, 상행/하행 방향, 도착/출발/운행중 상태를 리스트 형태로도 제공합니다.

  4. 기관사 교번 스케줄: 135일 주기 교번표 기반으로 기관사별 근무 일정(주간/야간/대기/비번)을 달력 및 주간 뷰로 조회합니다.

  5. PWA 지원: 오프라인에서도 교번 조회가 가능하며, 홈 화면에 설치하여 네이티브 앱처럼 사용할 수 있습니다.

활용사례(갤러리) 설명

서울 지하철 5호선 기관사들의 교번(근무 스케줄)을 조회하고, 실시간 열차 위치를 노선도 위에 시각화하는 모바일 웹앱입니다. 5호선 실시간 열차 위치 조회 API를 활용하여 현재 운행 중인 열차의 위치, 방향, 상태를 지도와 리스트로 보여줍니다

사용 데이터셋

서울시 지하철 실시간 도착정보
5호선 기관사 교번 다이어그램 (DIA) 글의 사용자 업로드 이미지