프론트엔드
Retool을 활용한 로그 데이터 시각화
두줄요약
Retool로 Snowflake와 GraphQL 기반 로그 시각화 대시보드를 구축한 과정을 소개했습니다. Kibana와 Tableau의 한계를 보완하며 빠른 개발과 커스텀 기능을 확보했습니다.
핵심 내용
- 로그 데이터를 Elastic Search와 Kibana로 시각화하던 환경에서 Snowflake 이관 이후 통합 시각화 도구 필요성 대두
- Tableau와 Retool을 비교한 뒤, 커스텀 요구사항과 개발 속도를 고려해 Retool 채택
- Snowflake, GraphQL API, JavaScript를 활용해 대시보드·필터·테이블·그래프를 구성
선택 이유
- Kibana의 커스텀 UI 제약과 Tableau의 높은 러닝커브, 추가 개발 공수 부담 존재
- Retool의 로우코드 기반 빠른 개발, JavaScript 커스터마이징, 다양한 데이터 연결성 활용
- 프론트엔드 개발과 대시보드 도구의 중간 지점에서 요구사항 충족
구조와 흐름
- 모듈화된 네비게이션바와 필터로 여러 페이지에서 재사용성 확보
- Query Library와 출력값 export로 공통 쿼리·상태 공유
- JavaScript Transformer와 Variable로 데이터 변환, 선택값 저장, 테이블·그래프 상호작용 구현
성능/운영 포인트
- Prepared Statements 기본 적용으로 SQL injection 방지
- 캐싱, Disable query, Watched inputs, Debounce로 쿼리 요청 최적화
- Release, Debug, History 기능으로 버전 관리와 디버깅 효율화