docs: Admin Dashboard 네비게이션 구조 리팩토링 계획 추가

This commit is contained in:
happybell80 2025-12-25 22:01:33 +09:00
parent 21b7349f03
commit 714cae0460

View File

@ -0,0 +1,78 @@
# Admin Dashboard 네비게이션 구조 리팩토링 계획
**날짜**: 2025-12-25
**목표**: 시스템 메뉴 하위 구조 도입으로 정보 계층 명확화 및 서버별 관리 구조 개선
---
## 현재 상태
### 메뉴 구조 (7개 평면 메뉴)
- 시스템: CPU/메모리/디스크, 서비스 상태, Nginx 상태, 메트릭 그래프
- 컨테이너: Docker 컨테이너 목록
- 로그: 시스템 로그, Git 활동
- 사용자/팀: 사용자/팀 관리
- 로빙: 로빙 관리
- 51124 모니터: 51124 서버 서비스 상태
- 로빙 일기: 일기 목록/상세
### 문제점
- 시스템과 컨테이너가 분리되어 혼란 (둘 다 서버 모니터링 관련)
- 시스템 섹션에 모든 정보가 한 화면에 집중되어 복잡함
- 서버별(51123/51124) 구분이 명확하지 않음
---
## 개선 계획
### 1. 시스템 메뉴 하위 구조 도입
**시스템 메뉴 (전체 대시보드)**: 요약 정보만 표시
- CPU/메모리/디스크/업타임 요약 카드
- 서비스 상태 요약 (51123/51124 통합)
- 메트릭 그래프
**하위 메뉴 4개**:
- **51123 서버**: 컨테이너(admin-dashboard-backend/goosefarm-app/robeing-gateway/auth-server/auth-redis/opensearch), 시스템(nginx/Gitea/PostgreSQL), 포트 사용 현황
- **51124 서버**: 서비스(rb8001/rb10508/skill-email/robeing-monitor/ChromaDB), 포트 사용 현황
- **통합 컨테이너**: 전체 컨테이너 목록, 재시작 기능
- **통합 서비스**: 전체 서비스 상태, Nginx 설정
### 2. 네비게이션 구조 변경
**구현 방식**: 드롭다운 또는 아코디언
- 시스템 메뉴 호버/클릭 시 하위 메뉴 표시
- 서버별 구분 명시 (51123: 인프라/게이트웨이, 51124: 로빙/스킬)
### 3. 섹션 전환 로직 확장
**data-section 확장**:
- `system`: 전체 대시보드
- `system-51123`: 51123 서버 상세
- `system-51124`: 51124 서버 상세
- `system-containers`: 통합 컨테이너
- `system-services`: 통합 서비스
### 4. 기존 섹션 통합
- 컨테이너 메뉴 → `system-containers` 하위로 이동
- 51124 모니터 → `system-51124` 하위로 이동
- 메인 네비게이션에서 제거하여 서버별 관리 구조 명확화
---
## 구현 단계
1. 네비게이션 HTML 구조 변경 (하위 메뉴 추가)
2. CSS 스타일 추가 (드롭다운/아코디언)
3. JavaScript 섹션 전환 로직 확장
4. 기존 컨테이너/51124 모니터 섹션 통합
5. 백엔드 API 엔드포인트 정리 (서버별 분리)
---
## 참고
- `251204_admin_dashboard_business_integration.md`: 비즈니스 통합 계획
- `310_전체_시스템_구조_컨테이너와_마이크로서비스.md`: 서버 구성 정보