diff --git a/journey/troubleshooting/260115_admin_dashboard_main_service_status_table_format.md b/journey/troubleshooting/260115_admin_dashboard_main_service_status_table_format.md new file mode 100644 index 0000000..3827427 --- /dev/null +++ b/journey/troubleshooting/260115_admin_dashboard_main_service_status_table_format.md @@ -0,0 +1,50 @@ +# Admin Dashboard 메인 서비스 상태 테이블 형식 변경 및 브라우저 캐시 문제 해결 + +**날짜**: 2026-01-15 +**작성자**: admin +**관련 파일**: +- `admin-dashboard/frontend/modules/system.js:37-74` +- `admin-dashboard/frontend/index.html:24` +- `admin-dashboard/frontend/app.js:265` + +--- + +## 문제 상황 + +메인 대시보드(`#systemSection`)의 서비스 상태가 카드 형식으로 표시되어, 테이블 형식으로 변경한 다른 섹션과 일관성이 없었음. 또한 브라우저 캐시로 인해 변경사항이 반영되지 않음. + +## 해결 방안 + +### 1. 메인 대시보드 서비스 상태 테이블 형식 변경 + +**파일**: `admin-dashboard/frontend/modules/system.js:37-74` +- `loadServiceStatus()` 함수를 테이블 형식으로 변경 +- 서비스, 포트, 상태, 응답시간, 체크방법, 호스트 컬럼 추가 + +### 2. 브라우저 캐시 강제 갱신 + +**파일**: `admin-dashboard/frontend/index.html:24` +- `system.js` 버전을 `v=20260106` → `v=20260115`로 업데이트 +- 브라우저 캐시 무시하고 최신 파일 로드 + +## 구현 완료 + +**커밋**: 7646be7 +**일시**: 2026-01-15 +**브랜치**: main + +**변경 사항**: +- `admin-dashboard/frontend/modules/system.js:37-74`: `loadServiceStatus()` 테이블 형식으로 변경 +- `admin-dashboard/frontend/index.html:24`: JavaScript 버전 업데이트 +- Gitea Actions 자동 배포 완료 + +## 교훈 + +### 브라우저 캐시 문제 +- JavaScript 파일 변경 시 버전 쿼리 파라미터 업데이트 필수 +- 사용자가 하드 리프레시(Ctrl+Shift+R)를 해야 할 수도 있음 +- 배포 후 실제 브라우저에서 확인 필요 + +### 일관성 있는 UI +- 모든 서비스 상태 표시는 테이블 형식으로 통일 +- `loadSystem51123()`, `loadSystem51124()`, `loadServices()` 모두 테이블 형식 사용