01
(주)지비소프트·
Next.jsReactD3.jsChart.jsi18nDockerTurborepo
산업현장 헬스케어 관리자 모니터링 웹
공개용 재구성 목업
보안상 실제 운영 화면은 공개하지 않고, 참여 프로젝트의 정보 구조와 사용자 흐름을 바탕으로 재구성한 화면입니다. 텍스트, 수치, 차트, 테이블 데이터는 모두 예시 데이터로 대체했습니다.
40+
관리자 화면
2,000
일일 최대 측정 데이터
30분 → 2~5분
배포 시간
Technical Details
- 01
차트 및 데이터 시각화 요구사항에 맞춰 D3.js + SVG 직접 렌더링과 Chart.js를 병행 적용하며 디자인 요구사항과 개발 효율을 균형 있게 설계했습니다.
- 02
Line·Bar·Pie·Donut·Area 등 다양한 형태의 데이터 시각화를 구현했습니다.
- 03
대량 데이터 조회 화면에 IntersectionObserver 기반 무한스크롤을 적용해 초기 렌더링 부담을 줄이고 UX를 개선했습니다.
- 04
한·영·러 3개 국어 i18n 아키텍처를 설계하고 관리자 화면 40개에 적용했습니다.
- 05
기존 멀티레포 구조를 Turborepo 기반 모노레포로 전환하고 공통 패키지 구조를 설계해 프로젝트 간 재사용성과 유지보수 효율을 높였습니다.
- 06
고객사 내부망 환경 차이로 발생하던 배포 편차를 줄이기 위해 Docker 이미지 단위 배포 방식과 자동화 스크립트를 도입해 배포 시간을 최대 30분~1시간에서 2~5분으로 단축했습니다.
Note
실제 프로젝트 경험을 바탕으로 작성했으며, 고객사명·조직명·장비명·운영 수치 등 식별 가능한 정보는 모두 제거했습니다. 화면 이미지는 포트폴리오 공개용으로 재구성한 목업입니다.
