U+NIVERSE Admin Dashboard는
고객 데이터를 기반으로 서비스 이용 현황을 분석하고 관리할 수 있는
관리자 전용 웹 대시보드입니다.
관리자는 고객 정보 조회, 지역별 통계 분석,
고객 페르소나 분석, 서비스 이탈률 분석 등을 통해
서비스 운영 현황을 한눈에 확인할 수 있습니다.
주요 기능
- 고객 관리 및 고객 상세 정보 조회
- 지역 기반 사용자 데이터 분석
- 고객 페르소나 분석 및 트렌드 시각화
- 서비스 이탈률 분석
| 고객 목록 |
 |
| 고객 목록을 조회하고 검색 및 필터 기능을 통해 고객 정보를 관리할 수 있습니다. |
| 고객 상세 |
 |
| 지역 사용자 통계 |
 |
|
| 대한민국 지도 기반으로 지역별 사용자 분포를 시각화합니다. |
| 지역 데이터 분석 |
 |
| 지역별 데이터 사용량 및 서비스 이용 패턴을 차트로 분석합니다. |
| 페르소나 통계 |
 |
|
| 고객 데이터를 기반으로 페르소나 유형 비율을 분석합니다. |
| 페르소나 트렌드 |
 |
| 월별 페르소나 변화 추이를 통해 사용자 유형 변화를 분석합니다. |
| 상담 이력 |
 |
| 고객의 상담 이력 비율을 분석합니다. |
| 이탈률 분석 |
 |
|
|
|
| 서비스 이용 중 이탈한 고객 데이터를 분석하여 서비스 개선 인사이트를 제공합니다. |
- Next.js (App Router) — 관리자 페이지 라우팅 및 구조 설계
- React — 컴포넌트 기반 UI 개발
- TypeScript — 타입 기반 안정적인 코드 작성
- TailwindCSS — 유틸리티 기반 스타일링
- TanStack Query — 서버 상태 관리 및 API 캐싱
- Zustand — 클라이언트 전역 상태 관리
- Recharts — 관리자 데이터 시각화 차트
- GitHub — 협업 및 버전 관리
- ESLint / Prettier — 코드 스타일 관리
- Husky — Git Hook 기반 커밋 관리
src
┣ app # Next.js App Router 페이지
┣ assets # 이미지 및 정적 리소스
┣ components # 공통 UI 컴포넌트
┃ ┗ domain # 도메인별 컴포넌트 (charts, customers 등)
┣ constants # 상수 관리
┣ hooks # 커스텀 React Hooks
┣ lib # 공통 라이브러리 (axios, tanstack query)
┣ models # API 응답 모델 타입 정의
┣ services # API 요청 함수
┣ stores # Zustand 상태 관리
┣ types # 공통 타입 정의
┗ utils # 유틸 함수
