Search
🏖️

부산시 수영구 기상 데이터 시각화 웹앱 플랫폼

형태
외주
기술 스택
Vue.js
Node.js
Express
KakaoMap API
Figma
수행 기간
2022/03/01 → 2022/06/30
역할
Full-Stack Developer
팀 구성
개요
부산시 수영구 생활/재난 단말 데이터 관리 시스템 웹사이트에서 수집한 데이터를 시각화하여 사용자에게 제공하기 위한 웹앱 플랫폼입니다.
수행 내용
데이터 수집
웹사이트 크롤링 후, Node.js로 구성한 서버에 데이터를 저장하여 클라이언트로 전송
데이터 시각화
서버와 API 통신을 통해 사용자가 선택한 기상 데이터를 불러와 지도에 표시
위치 기반
사용자의 현재 위치에 따라, 주변 센서 데이터의 가중 산술 평균값을 왼쪽 상단에 항상 표시
PWA(Progressive Web App)
하나의 웹사이트를 개발하여 앱으로도 배포함으로써 유지보수가 용이한 웹앱을 완성
프로젝트 스크린샷
선택한 데이터를 지도에 시각화
지도에 표시할 데이터 리스트를 선택