(주)스마트M2M

SAC-DASHBOARD (창원 LG)

기술 스택

프로젝트 소개

LG 현장데이터 모니터링 시스템을 개발했습니다. 권한별 화면 제작, 반응형 UI, ScrollSPY, Highcharts 대용량 데이터 처리, 캐시 관리 등을 담당했습니다. 3만 개 이상 데이터 처리 시 부스트 모드를 활용한 성능 최적화를 경험했습니다.

상세 내용

LG 현장데이터 모니터링 시스템입니다.

담당 기능 (FrontEnd)

- 권한별 화면 제작 - 반응형 UI 적용 - ScrollSPY 적용 - HighChart 분석 및 대용량 처리 - 캐시 관리 - API 연계 작업 - 모니터링 각 파트별 API 호출 관리 - 다운로드 기능 제작 (여러 개일 경우 zip, 단일 파일일 경우 해당 파일 형식)

깨달은 점

HighChart를 사용할 때 3만 개 데이터가 넘어갈 경우 부스트 모드를 사용해야 버벅임 현상이 사라지는 사실을 알게 되었습니다. 부스트 모드란 사용하고 있는 기능 외에 다른 기능들은 모두 off 상태로 바꿔줍니다. 하지만 오히려 적은 양의 데이터를 처리할 때는 부스트 모드를 켰을 때 성능적으로 원하는 동작을 안 하는 경우가 발생하여 무조건적으로 사용하게 될 경우 오히려 성능이 안 좋아질 수 있습니다.