ROKAF

기상정보지원체계

비행작전 전후에 사령관 등이 예보관들이 입력한 정보, 기상데이터 등을 볼 수 있는 비행작전지원체계, 총 42개의 화면으로 구성되어있으며 기상데이터 입력 및 업로드, 센서장비값 및 상태 확인, HA, 차트, 풍배도 데이터 시각화 서비스를 제공합니다.

담당 기술

Vue.js / Node.js / Express / D3.js / MongoDB / Nginx

AMOS실황 풍배도

AMOS실황 풍배도

바람의 강도, 방향을 한번에 볼 수 있는 컴포넌트입니다. 센서 데이터에 메모이제이션을 적용해 서버에 요청을 최소화했으며 재사용가능한 컴포넌트로 제작했습니다.

AMOS실황 차트

AMOS실황 차트

실시간 기상데이터를 시계열화하여 나타내는 컴포넌트입니다. 센서 데이터를 프론트엔드에서 세그먼트로 나눠 서버에 요청을 최소화했으며 재사용가능한 컴포넌트로 제작했습니다.

메인 활주로와 서브 활주로의 센서 데이터가 10초마다 들어왔고, 이는 1시간에 17280개씩 쌓이는 빅데이터였습니다. 이러한 데이터를 1시간, 2시간 등 시간 단위로 차트를 표출해야 하는 비즈니스 요구사항이 있었는데, 매번 요청마다 데이터를 가져오고 차트를 그리는 작업이 무거워 버벅였습니다. 이를 Lazy loading 방식으로 5시간의 데이터를 캐싱하여 시간당 5개의 세그먼트로 나눈 후 프론트엔드에서 처리하여 이슈를 해결하였습니다.

위화면들은 보안허가를 받아 반출한 일부의 화면들이며 보안사항에 위반되는 것은 보여주지 않음을 밝힙니다. 주홍철 중위님님 감사합니다