DOCS/journey/plans/251225_admin_dashboard_navigation_structure_refactoring.md

2.7 KiB

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