# 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`: 서버 구성 정보