fix

app/app_revised.py

@@ -3,17 +3,22 @@ RAG 검색 챗봇 웹 애플리케이션 (장치 관리 기능 통합)
 """
 
 import os
+import json
 import logging
+import tempfile
 import threading
-from datetime import datetime, timedelta
-from flask import Flask, send_from_directory
+import datetime
+from flask import Flask, request, jsonify, render_template, send_from_directory, session, redirect, url_for
+from flask_cors import CORS
+from werkzeug.utils import secure_filename
 from dotenv import load_dotenv
 from functools import wraps
+from datetime import timedelta
 
 # 로거 설정
 logging.basicConfig(
     format='%(asctime)s - %(name)s - %(levelname)s - %(message)s',
-    level=logging.DEBUG
+    level=logging.DEBUG  # INFO에서 DEBUG로 변경하여 더 상세한 로그 확인
 )
 logger = logging.getLogger(__name__)
 
@@ -57,6 +62,9 @@ except ImportError as e:
 # Flask 앱 초기화
 app = Flask(__name__)
 
+# CORS 설정 추가
+CORS(app, supports_credentials=True, resources={r"/api/*": {"origins": "*"}})
+
 # 세션 설정
 app.secret_key = os.getenv('FLASK_SECRET_KEY', 'rag_chatbot_fixed_secret_key_12345')
 
@@ -226,6 +234,16 @@ def initialize_app():
     # 라우트 등록
     register_all_routes()
     
+    # 404 오류 핸들러 추가
+    @app.errorhandler(404)
+    def not_found(e):
+        # JSON 형식으로 404 오류 응답
+        return jsonify({
+            "success": False,
+            "error": "Endpoint not found",
+            "message": str(e)
+        }), 404
+    
     logger.info("앱 초기화 완료")
 
 

app/static/js/app-device.js

@@ -257,7 +257,16 @@ const DeviceControl = {
                 method: 'GET'
             });
             
-            const data = await response.json();
+            // 응답 상태 코드 로깅
+            console.log(`장치 상태 확인 응답 상태: ${response.status}`);
+            
+            let data;
+            try {
+                data = await response.json();
+            } catch (jsonError) {
+                console.error('JSON 파싱 오류:', jsonError, await response.text());
+                throw new Error(`서버 응답을 처리할 수 없습니다: ${jsonError.message}`);
+            }
             
             if (response.ok && data.success) {
                 // 상태 확인 성공
@@ -310,7 +319,19 @@ const DeviceControl = {
                 method: 'GET'
             });
             
-            const data = await response.json();
+            // 응답 상태 코드 로깅
+            console.log(`프로그램 목록 조회 응답 상태: ${response.status}`);
+            
+            let data;
+            try {
+                data = await response.json();
+            } catch (jsonError) {
+                console.error('JSON 파싱 오류:', jsonError);
+                // 응답 내용을 텍스트로 확인
+                const responseText = await response.text();
+                console.error('응답 텍스트:', responseText);
+                throw new Error(`서버 응답을 처리할 수 없습니다: ${jsonError.message}`);
+            }
             
             if (response.ok && data.success) {
                 // 목록 조회 성공
@@ -458,7 +479,19 @@ const DeviceControl = {
                 body: JSON.stringify({})
             }, 15000); // 15초 타임아웃 (실행에 시간이 더 걸릴 수 있음)
             
-            const data = await response.json();
+            // 응답 상태 코드 로깅
+            console.log(`프로그램 실행 응답 상태: ${response.status}`);
+            
+            let data;
+            try {
+                data = await response.json();
+            } catch (jsonError) {
+                console.error('JSON 파싱 오류:', jsonError);
+                // 응답 내용을 텍스트로 확인
+                const responseText = await response.text();
+                console.error('응답 텍스트:', responseText);
+                throw new Error(`서버 응답을 처리할 수 없습니다: ${jsonError.message}`);
+            }
             
             if (response.ok && data.success) {
                 // 실행 성공
@@ -466,11 +499,14 @@ const DeviceControl = {
                 this.showExecuteResult('success', `실행 성공: ${data.message || '프로그램이 성공적으로 실행되었습니다.'}`);
                 
                 // 시스템 알림
-                AppUtils.addSystemNotification(`프로그램 실행 성공: ${this.getSelectedProgramName()}`);
+                AppUtils.addSystemNotification(`프로그램 실행 성공: ${data.message || '프로그램이 성공적으로 실행되었습니다.'}`);
             } else {
                 // 실행 실패
                 console.error('프로그램 실행 실패:', data);
                 this.showExecuteResult('error', `실행 실패: ${data.error || '알 수 없는 오류'}`);
+                
+                // 에러 메시지
+                AppUtils.addErrorMessage(`프로그램 실행 실패: ${data.error || '알 수 없는 오류'}`);
             }
         } catch (error) {
             // 예외 발생
@@ -481,37 +517,15 @@ const DeviceControl = {
             } else {
                 this.showExecuteResult('error', `프로그램 실행 중 오류 발생: ${error.message}`);
             }
+            
+            // 에러 메시지
+            AppUtils.addErrorMessage(`프로그램 실행 중 오류 발생: ${error.message}`);
         } finally {
             // 버튼 다시 활성화
             this.elements.executeProgramBtn.disabled = false;
         }
     },
     
-    // 선택된 프로그램 이름 가져오기
-    getSelectedProgramName: function() {
-        const dropdown = this.elements.programSelectDropdown;
-        const selectedOption = dropdown.options[dropdown.selectedIndex];
-        return selectedOption ? selectedOption.textContent : '알 수 없는 프로그램';
-    },
-    
-    // 프로그램 목록 오류 표시
-    showProgramsError: function(errorMessage) {
-        this.elements.programsList.innerHTML = `
-            <div class="error-message">
-                <i class="fas fa-exclamation-circle"></i> ${errorMessage}
-                <button class="retry-button" id="retryLoadProgramsBtn">
-                    <i class="fas fa-sync"></i> 다시 시도
-                </button>
-            </div>
-        `;
-        
-        // 재시도 버튼 이벤트 리스너
-        document.getElementById('retryLoadProgramsBtn').addEventListener('click', () => {
-            console.log('프로그램 목록 재시도 버튼 클릭');
-            this.loadProgramsList();
-        });
-    },
-    
     // 실행 결과 표시
     showExecuteResult: function(status, message) {
         const resultElement = this.elements.executeResult;
@@ -542,6 +556,24 @@ const DeviceControl = {
             default:
                 resultElement.textContent = message;
         }
+    },
+    
+    // 프로그램 목록 오류 표시
+    showProgramsError: function(errorMessage) {
+        this.elements.programsList.innerHTML = `
+            <div class="error-message">
+                <i class="fas fa-exclamation-circle"></i> ${errorMessage}
+                <button class="retry-button" id="retryLoadProgramsBtn">
+                    <i class="fas fa-sync"></i> 다시 시도
+                </button>
+            </div>
+        `;
+        
+        // 재시도 버튼 이벤트 리스너
+        document.getElementById('retryLoadProgramsBtn').addEventListener('click', () => {
+            console.log('프로그램 목록 재시도 버튼 클릭');
+            this.loadProgramsList();
+        });
     }
 };
 

requirements.txt

@@ -9,3 +9,4 @@ nltk>=3.6.5
 sentence-transformers>=2.2.2
 gradio>=3.50.0,<4.0.0
 openai>=1.0.0
+flask-cors>=3.0.10