데이터 애플리케이션 효율화

데브시스터즈에서 Dash를 기반으로 데이터 대시보드를 구축하며 겪은 아키텍처 이슈와 개선점을 공유합니다. 기존의 데이터 처리 시스템에서 성능과 인사이트 제공을 위해 Dash를 선택했습니다. Dash는 Plotly에서 개발된 차트 라이브러리를 사용하여 시각화에 적합하며, React 컴포넌트를 사용할 수 있어 웹 개발자 친화적입니다. 이 구조에서는 callback을 통해 데이터 요청과 차트 생성을 진행하며, 복잡한 로직을 분리하여 유지보수성을 높였습니다. FetchProvider, TransformProvider, RenderProvider로 역할을 나누어 각 callback에서 필요한 로직만 수행하도록 하였습니다. 데이터 압축을 통해 성능을 개선하고, Mixin 클래스를 활용하여 코드 재사용성을 높였습니다. 이러한 개선을 통해 복잡한 인터렉션을 간단한 코드 구조로 관리할 수 있었습니다.