fix device

docs/project_plan.md

@@ -42,6 +42,7 @@
 - [X] 웹 인터페이스 구현
 - [X] 장치 관리 기능 통합
 - [X] 장치 관리 UI 구현
+- [X] 장치관리 탭 클릭 이벤트 버그 수정
 
 ## 진행해야 할 작업
 - [ ] LLM 선택 UI 개선
@@ -72,6 +73,30 @@
 - 에러 처리 및 사용자 피드백 제공
 - 반응형 디자인 적용
 
+## 최근 버그 수정
+
+### 장치관리 탭 작동 문제 해결
+**문제 상황:** UI에서 장치관리 버튼이 전혀 작동하지 않는 문제 발생
+
+**원인 분석:**
+1. HTML 문제: 
+   - `device-style.css` 파일이 HTML에 링크되어 있지 않음
+2. JavaScript 문제:
+   - `app.js`에서 deviceTab 이벤트 리스너가 제대로 등록되지 않음
+   - `app-device.js`와 `app.js` 간의 함수 공유에 문제 발생
+
+**해결 방법:**
+1. HTML 수정:
+   - `device-style.css` 파일을 HTML의 head 섹션에 링크 추가
+   - 장치관리 탭을 위한 직접적인 이벤트 핸들러를 HTML 내부 스크립트로 추가
+2. 이벤트 핸들링 개선:
+   - 장치관리 탭에 직접 onclick 이벤트 핸들러 추가하여 기존 문제 우회
+   - 디버깅용 콘솔 로그 추가로 문제 추적 가능하게 함
+
+**수정 파일:**
+- `app/templates/index.html`: CSS 링크 및 직접 이벤트 핸들러 추가
+- `docs/project_plan.md`: 문제 해결 과정 문서화
+
 ## 파일 구조
 ```
 RAG5_2_ChooseLLM/
@@ -81,12 +106,13 @@ RAG5_2_ChooseLLM/
 │   ├── app_device_routes.py     # 장치 관리 관련 라우트
 │   ├── static/
 │   │   ├── css/
-│   │   │   └── style.css        # 스타일시트
+│   │   │   ├── style.css        # 기본 스타일시트
+│   │   │   └── device-style.css # 장치 관리 스타일시트
 │   │   └── js/
 │   │       ├── app.js           # 메인 JavaScript
 │   │       └── app-device.js    # 장치 관리 JavaScript
 │   └── templates/
-│       ├── index.html           # 메인 페이지 템플릿
+│       ├── index.html           # 메인 페이지 템플릿 (수정됨)
 │       └── login.html           # 로그인 페이지 템플릿
 ├── data/                        # 업로드된 문서 저장
 ├── docs/                        # 프로젝트 문서
@@ -106,3 +132,4 @@ RAG5_2_ChooseLLM/
 - 장치 관리 서버는 별도로 실행되어야 함 (포트 5050)
 - OpenAI, DeepSeek 및 VITO API 키는 .env 파일에 설정해야 함
 - 초기 로그인 계정 정보는 환경 변수에 설정하거나 기본값 사용
+- 장치관리 탭 클릭 시 콘솔 로그를 확인하여 이벤트 처리 상태 검증 가능