플러스프로젝트 배경
1) 문제점 데이터 과부하: 관리 대상자와 통계 데이터가 급증함에 따라 기존 텍스트 위주의 레거시 시스템에서는 직관적인 상황 파악 및 신속한 의사결정이 어려움 낮은 사용성: 복잡한 표 형태의 UI로 인해 운영자의 시각적 피로도가 높고, 원하는 기능을 찾기 위한 클릭 뎁스(Click Depth)가 깊어 업무 효율 저하 단절된 워크플로우: 데이터 통계 화면과 실제 조치를 취하는 화면이 분리되어 있어 작업
프로젝트 성과
대규모 데이터 렌더링 속도 향상 및 60fps 인터랙션 달성
최신 프레임워크와 캔버스(Canvas) 렌더링 최적화를 적용해, 수백 건의 실시간 통계 데이터 표출 시 발생하던 브라우저 병목 및 지연 현상을 완벽하게 해결했습니다.
운영자 클릭 뎁스(Click Depth) 단축 및 작업 효율 60% 향상
생성형 UI 기반 자연어 인터페이스와 페이지 이동이 없는 슬라이드 오버레이 모달을 도입하여, 화면 전환 없이 즉각적으로 시스템 알림을 조치하는 고효율 워크플로우를 완성했습니다.
완전 반응형 레이아웃 적용으로 현장 모바일 대응력 확보
기존 데스크톱에 갇혀있던 복잡한 관제 대시보드를 태블릿과 모바일 뷰포트까지 완벽히 지원하는 유체형 레이아웃으로 개편하여, 관리자의 실시간 현장 모니터링이 가능해졌습니다.
핵심 기능
초고속 렌더링 기반 데이터 시각화 대시보드
복잡한 통계 지표를 한눈에 파악할 수 있는 통합 대시보드입니다. 캔버스 기반 차트 최적화 기술을 적용하여 다량의 실시간 데이터 렌더링 시에도 브라우저 성능 저하를 완벽히 방지했습니다.
진행 단계
기획 및 아키텍처 설계
2023.11.
통합 관제 대시보드의 요구사항을 분석하고, 생성형 UI 및 워크플로우 처리에 최적화된 프론트엔드 기술 스택과 시스템 아키텍처를 설계했습니다.
프로젝트 상세
1. 프로젝트 배경 및 목표 최근 헬스케어 및 복지 산업에서 관리해야 할 대상자와 데이터가 급증함에 따라, 기존의 레거시(Legacy) 관리자 페이지로는 신속한 현장 대처가 불가능해지는 병목 현상이 발생했습니다. 이에 따라 방대한 데이터를 직관적으로 시각화하고, 시스템의 제안을 인간 운영자가 검토 후 즉각 조치할 수 있는 HITL(Human-In-The-Loop) 기반의 차세대 복지 통합 관제 프론트엔드 시스
