2025.04 - 2025.10
Nova Admin
운영자가 빠르게 탐색하고 판단할 수 있는 내부 어드민 대시보드를 설계하고 구현했습니다.
역할
FE 설계 및 전체 구현
기술
Next.js / TypeScript / shadcn/ui
문제 상황
운영 화면의 정보 밀도가 높았지만 우선순위가 약해 핵심 지표를 빠르게 파악하기 어려웠습니다.
해결 방식
운영자가 가장 자주 보는 지표를 상단에 재배치하고, 상세 정보는 점진적으로 확장되는 구조로 바꿨습니다.
구현 포인트
- 데이터 카드와 상세 패널을 분리해 핵심 정보와 부가 정보를 구분했습니다.
- 차트와 리스트 영역을 역할별로 구획해 시선 이동을 줄였습니다.
- 반복되는 필터와 상태 표시 패턴을 컴포넌트화해 화면 일관성을 유지했습니다.
트러블슈팅
차트와 표가 동시에 갱신될 때 체감 성능이 떨어져 렌더링 범위를 줄이고 업데이트 빈도를 조정해 응답성을 개선했습니다.