피드로 돌아가기
Server-side dashboards with Querier UI
Dev.toDev.to
Backend

JS 없이 Java 기반 SQL 쿼리로 서버 사이드 대시보드 구현

Server-side dashboards with Querier UI

AISSAM ASSOUIK2026년 6월 6일3beginner

Context

프론트엔드 툴링과 별도의 JavaScript 개발 과정이 필요한 기존 대시보드 구축 방식의 높은 공수 발생. 데이터 쿼리부터 시각화까지의 프로세스를 서버 사이드에서 통합하여 개발 복잡도를 낮추고자 함.

Technical Solution

  • Java 기반의 Fluent API를 통한 대시보드 레이아웃 및 위젯 정의 구조 설계
  • QueryRunner 인터페이스를 통한 데이터베이스 계층과 시각화 엔진 간의 추상화 레이어 구축
  • Chart.js 라이브러리를 서버 사이드에서 렌더링하여 self-contained HTML 형태로 출력하는 메커니즘 적용
  • renderHtml() 및 renderFragment() 메서드를 통한 전체 페이지 또는 부분 임베딩 지원 구조 구현
  • CDN 기반 로딩 방식 외에 self-hosted JS URL 설정을 통한 폐쇄망 환경 대응 설계

1. 프론트엔드 개발 리소스가 부족한 내부 관리자 도구 구축 시 Java 기반 서버 사이드 렌더링 검토

2. DB 쿼리와 차트 설정을 코드 레벨에서 결합하여 타입 안정성 확보 및 런타임 오류 감소

3. 외부 라이브러리 의존성 관리를 위해 CDN 대신 내부 정적 자원 경로 설정 가능 여부 확인

원문 읽기