(신세계) Top 100 주요 지표의 트렌드, 목표와 달성율의 시각화 및 상세 데이터 추이 계산
2018.10.26
신세계 Top 100 주요 지표의 트렌드, 목표와 달성율의 시각화 및 상세 데이터의 추이 계산을 Front-end level에서 컨트롤하여 단기간에 완료한 사례
문제점
* 유사한 지표의 템플릿화* 각 지표별 환경설정만으로 화면을 제어
* 빌드하지 않고 페이지 변경사항 적용
* 지도API로 권역별 배송 데이터 표시
도입 솔루션
기술도전 과제* 기술 비중의 변화
- SQL Server, Java, jQuery -> PureJs, SQL Server, Java
- Fusion chart -> High chart
* 디비와 웹서버의 복잡도를 대폭 낮춤
* ES6 채용으로 코드 생선성 높힘
* 반응형 UI 대응
도입효과
데이터베이스에서 반환되는 데이터 형태를 규격화하고,웹 서버에서는 데이터 조작 없이 json으로 bypass하는 방법으로 동작을 최소화하고,
클라이언트는 받은 데이터를 적절히 조작하여 여러 형태로 화면을 완성한다.
상대적으로 높아진 클라이언트의 성능을 충분히 활용함으로 전체적인 효율을 올릴 수 있었습니다.