fix

app.py

@@ -104,16 +104,40 @@ def get_devices():
     """장치 목록 조회"""
     global SERVER_URL
     
+    # 디버그 정보 기록
+    print(f"[DEBUG] 장치 목록 조회 함수 시작")
+    
+    # 서버 URL이 없을 경우 테스트 데이터 사용
     if not SERVER_URL:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요.", []
+        print(f"[DEBUG] 서버 URL이 설정되지 않았습니다. 테스트 데이터를 사용합니다.")
+        # 테스트 장치 데이터
+        test_devices = [
+            {"id": "device1", "name": "테스트 PC", "type": "PC", "status": "online"},
+            {"id": "device2", "name": "테스트 모바일", "type": "Mobile", "status": "online"}
+        ]
         
-    # 디버그 정보 기록
-    print(f"Fetching devices from {SERVER_URL}/api/devices - Timeout set to {REQUEST_TIMEOUT} seconds")
+        # 테스트 드롭다운 옵션 생성
+        device_options = []
+        for device in test_devices:
+            device_id = device.get("id", "")
+            device_name = device.get("name", "Unknown Device")
+            device_type = device.get("type", "Unknown")
+            device_options.append((f"{device_name} ({device_type})", device_id))
+        
+        # 디버그 정보 추가
+        print(f"[DEBUG] 테스트 장치 옵션: {device_options}")
+        
+        # HTML 생성
+        html_output = "<div style='padding: 15px; background-color: #fffaeb; border-radius: 5px; border-left: 5px solid #ffcc00;'>"
+        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3>"
+        html_output += "<p>서버에 연결되지 않았습니다. 먼저 페이지 상단의 '서버 연결' 탭에서 ngrok URL을 입력하고 연결하세요.</p>"
+        html_output += "<p>* 테스트용 장치 목록이 생성되었으니 테스트를 진행해보세요.</p>"
+        html_output += "</div>"
+        
+        return html_output, device_options
     
-    loading_html = "<div style='text-align: center; padding: 20px;'>"
-    loading_html += f"<p>장치 목록을 불러오는 중입니다...</p>"
-    loading_html += f"<p>이 작업은 최대 {REQUEST_TIMEOUT}초가 소요될 수 있습니다.</p>"
-    loading_html += "</div>"
+    # 서버 URL이 있는 경우 API 호출    
+    print(f"[DEBUG] 서버 URL이 있습니다. API 호출을 시도합니다: {SERVER_URL}/api/devices")
         
     try:
         # 타임아웃 증가 및 헤더 추가
@@ -124,12 +148,15 @@ def get_devices():
             "Connection": "keep-alive"
         }
         
+        print(f"[DEBUG] API 요청 전송 - 타임아웃: {REQUEST_TIMEOUT}")
         response = session.get(
             f"{SERVER_URL}/api/devices",
             headers=headers,
             timeout=REQUEST_TIMEOUT
         )
         
+        print(f"[DEBUG] API 응답 받음 - 상태코드: {response.status_code}")
+        
         if response.status_code == 200:
             result_json = response.json()
             devices = result_json.get("devices", [])
@@ -179,64 +206,121 @@ def get_devices():
             return error_html, []
     except RequestException as e:
         # 오류 상세 로그
-        print(f"Error during device list request: {str(e)}")
+        print(f"[DEBUG] 장치 목록 조회 중 오류: {str(e)}")
         error_type = type(e).__name__
         error_detail = str(e)
         
+        # 테스트 드롭다운 데이터 생성 (오류 시에도 테스트 가능하게)
+        test_devices = [
+            {"id": "device1", "name": "테스트 PC", "type": "PC", "status": "offline"},
+            {"id": "device2", "name": "테스트 모바일", "type": "Mobile", "status": "offline"}
+        ]
+        
+        # 드롭다운 옵션 생성
+        device_options = []
+        for device in test_devices:
+            device_id = device.get("id", "")
+            device_name = device.get("name", "Unknown Device")
+            device_type = device.get("type", "Unknown")
+            device_options.append((f"{device_name} ({device_type})", device_id))
+        
+        print(f"[DEBUG] 테스트 용 장치 옵션 추가: {device_options}")
+        
         # 타임아웃일 경우 더 상세한 오류 메시지
         if "timeout" in error_detail.lower() or "timed out" in error_detail.lower():
             error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
             error_html += f"<h3 style='margin-top: 0; color: #721c24;'>장치 목록 조회 타임아웃</h3>"
             error_html += f"<p>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p>"
-            error_html += f"<p>이 문제는 다음과 같은 이유로 발생할 수 있습니다:</p>"
-            error_html += f"<ul>"
-            error_html += f"<li>ngrok 서버가 많은 요청을 처리 중이거나 도메인 제한에 걸렸습니다.</li>"
-            error_html += f"<li>서버가 많은 장치 목록을 처리하는 중입니다.</li>"
-            error_html += f"<li>네트워크 연결이 불안정합니다.</li>"
-            error_html += f"</ul>"
-            error_html += f"<p><strong>해결 방법:</strong></p>"
-            error_html += f"<ol>"
-            error_html += f"<li>한번 더 시도해보세요.</li>"
-            error_html += f"<li>서버 연결 상태를 다시 확인하고 다시 연결해보세요.</li>"
-            error_html += f"<li>ngrok을 다시 시작하고 새 URL로 연결해보세요.</li>"
-            error_html += f"</ol>"
-            error_html += f"<p><strong>오류 상세 정보:</strong> {error_type} - {error_detail}</p>"
+            error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 다시 확인하고, ngrok을 다시 시작해보세요.</p>"
+            error_html += f"<p><strong>오류 정보:</strong> {error_type} - {error_detail}</p>"
+            error_html += f"<p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 로드되었습니다. 장치 정보 해붙기가 가능하도록 드롭다운이 테스트 데이터로 채워졌습니다.</p>"
             error_html += "</div>"
         else:
             error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
             error_html += f"<h3 style='margin-top: 0; color: #721c24;'>장치 목록 조회 중 오류 발생</h3>"
             error_html += f"<p>{str(e)}</p>"
             error_html += f"<p><strong>오류 유형:</strong> {error_type}</p>"
-            error_html += f"<p>이 오류는 다음과 같은 이유로 발생할 수 있습니다:</p>"
-            error_html += f"<ul>"
-            error_html += f"<li>서버 응답 시간이 너무 깃니다. 서버가 혼잡한지 확인하세요.</li>"
-            error_html += f"<li>네트워크 연결이 불안정합니다.</li>"
-            error_html += f"<li>ngrok 세션이 만료되었습니다. 서버를 다시 시작해보세요.</li>"
-            error_html += f"</ul>"
-            error_html += f"<p><strong>해결 방법:</strong> 서버를 다시 시작하거나, 새로운 ngrok 세션을 생성한 후 다시 연결해보세요.</p>"
+            error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 확인하고 다시 시도해보세요.</p>"
+            error_html += f"<p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 로드되었습니다. 장치 정보 해붙기가 가능하도록 드롭다운이 테스트 데이터로 채워졌습니다.</p>"
             error_html += "</div>"
             
-        return error_html, []
+        return error_html, device_options
 
 def get_device_info(device_id):
     """장치 상세 정보 조회"""
     global SERVER_URL
     
-    if not SERVER_URL:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요."
+    # 디버그 정보 기록
+    print(f"[DEBUG] 장치 상세 정보 조회 시도: {device_id}")
     
     if not device_id:
         return "장치를 선택해주세요."
+    
+    # 테스트 데이터 확인 (테스트 데이터의 경우 테스트 정보 반환)
+    if device_id.startswith("device"):
+        print(f"[DEBUG] 테스트 장치 확인됨. 테스트 모드로 정보 생성")
+        # 장치 정보 HTML 테이블로 표시
+        html_output = "<div style='max-height: 400px; overflow-y: auto;'>"
+        html_output += "<h3 style='margin-top: 0;'>테스트 장치 정보</h3>"
+        html_output += "<div style='padding: 10px; background-color: #e6f7ff; border-radius: 5px; margin-bottom: 10px;'>"
+        html_output += "<p style='margin: 0;'><strong>주의:</strong> 현재 테스트 모드입니다. 실제 서버에 연결하려면 페이지 상단의 '서버 연결' 탭에서 ngrok URL을 입력하고 연결하세요.</p>"
+        html_output += "</div>"
+        html_output += "<table style='width: 100%; border-collapse: collapse;'>"
         
-    # 디버그 정보 기록
-    print(f"Getting info for device: {device_id} from {SERVER_URL}/api/device/{device_id}/info")
+        # 기본 정보
+        html_output += "<tr style='background-color: #f2f2f2;'><th colspan='2' style='padding: 8px; text-align: left; border-bottom: 1px solid #ddd;'>기본 정보</th></tr>"
+        
+        # 테스트 기존 정보
+        if device_id == "device1":
+            device_info = {"name": "테스트 PC", "type": "PC", "status": "offline", "details": {"ip": "192.168.0.100", "os": "Windows 10", "cpu": "Intel Core i5"}}
+        else:
+            device_info = {"name": "테스트 모바일", "type": "Mobile", "status": "offline", "details": {"ip": "192.168.0.101", "os": "Android 12", "model": "Galaxy S21"}}
+        
+        # 기본 정보 표시
+        for key in ['name', 'type', 'status']:
+            if key in device_info:
+                html_output += f"<tr style='border-bottom: 1px solid #ddd;'>"
+                html_output += f"<td style='padding: 8px; font-weight: bold; width: 30%;'>{key.capitalize()}</td>"
+                html_output += f"<td style='padding: 8px;'>{device_info.get(key, '')}</td>"
+                html_output += "</tr>"
+        
+        # 상세 정보가 있으면 추가
+        if 'details' in device_info and isinstance(device_info['details'], dict):
+            html_output += "<tr style='background-color: #f2f2f2;'><th colspan='2' style='padding: 8px; text-align: left; border-bottom: 1px solid #ddd;'>상세 정보</th></tr>"
+            for key, value in device_info['details'].items():
+                html_output += f"<tr style='border-bottom: 1px solid #ddd;'>"
+                html_output += f"<td style='padding: 8px; font-weight: bold; width: 30%;'>{key.upper()}</td>"
+                html_output += f"<td style='padding: 8px;'>{value}</td>"
+                html_output += "</tr>"
+        
+        html_output += "</table></div>"
+        return html_output
+        
+    if not SERVER_URL:
+        # 서버 URL이 없을 경우 오류 메시지 반환
+        html_output = "<div style='padding: 15px; background-color: #fff3cd; border-radius: 5px; border-left: 5px solid #ffc107;'>"
+        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3>"
+        html_output += "장치 정보를 조회하려면 먼저 서버에 연결해야 합니다. 페이지 상단의 '서버 연결' 탭에서 ngrok URL을 입력하고 연결하세요."
+        html_output += "</div>"
+        return html_output
         
     try:
+        # API 요청 전송
+        print(f"[DEBUG] API 요청 전송 - 타임아웃: {REQUEST_TIMEOUT}")
+        headers = {
+            "User-Agent": "LocalPCAgent-Client/1.0",
+            "Accept": "application/json",
+            "Cache-Control": "no-cache"
+        }
+        
         response = session.get(
             f"{SERVER_URL}/api/device/{device_id}/info", 
+            headers=headers,
             timeout=REQUEST_TIMEOUT
         )
         
+        print(f"[DEBUG] API 응답 받음 - 상태코드: {response.status_code}")
+        
         if response.status_code == 200:
             result_json = response.json()
             device_info = result_json.get("device_info", {})
@@ -281,68 +365,86 @@ def get_device_info(device_id):
             error_html += "</div>"
             return error_html
     except RequestException as e:
-        error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-        error_html += f"<h3 style='margin-top: 0; color: #721c24;'>장치 정보 조회 중 오류 발생</h3>"
-        error_html += f"<p>{str(e)}</p>"
-        error_html += "</div>"
+        # 오류 상세 로그
+        print(f"[DEBUG] 장치 정보 조회 중 오류: {str(e)}")
+        error_type = type(e).__name__
+        error_detail = str(e)
+        
+        # 타임아웃 오류 확인
+        if "timeout" in error_detail.lower() or "timed out" in error_detail.lower():
+            error_html = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
+            error_html += f"<h3 style='margin-top: 0; color: #721c24;'>장치 정보 조회 타임아웃</h3>"
+            error_html += f"<p>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p>"
+            error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 다시 확인하고, ngrok을 다시 시작해보세요.</p>"
+            error_html += "</div>"
+        else:
+            error_html = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
+            error_html += f"<h3 style='margin-top: 0; color: #721c24;'>장치 정보 조회 중 오류 발생</h3>"
+            error_html += f"<p>{str(e)}</p>"
+            error_html += f"<p><strong>오류 유형:</strong> {error_type}</p>"
+            error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 확인하고 다시 시도해보세요.</p>"
+            error_html += "</div>"
+        
         return error_html
 
 def get_programs():
     """프로그램 목록 조회"""
     global SERVER_URL
     
+    # 디버그 정보 기록
+    print(f"[DEBUG] 프로그램 목록 조회 함수 시작")
+    
+    # 서버 URL이 없을 경우 테스트 데이터 사용
     if not SERVER_URL:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요.", []
-        
-    # 디버그 정보 기록 - 여기서 모든 오류 상황을 축적해보자
-    print(f"[DEBUG] 시작: 프로그램 목록 조회 시도 - {SERVER_URL}/api/programs")
-        
-    try:
-        # 임시 테스트 - 응답을 시뮬레이션해보자
-        print(f"[DEBUG] 헤더 구성 및 요청 준비 중")
-        
-        # 헤더 추가
-        headers = {
-            "User-Agent": "LocalPCAgent-Client/1.0",
-            "Accept": "application/json",
-            "Cache-Control": "no-cache",
-            "Connection": "keep-alive"
-        }
-        
-        # ���롭다운 배열 설정 오류 테스트
+        print(f"[DEBUG] 서버 URL이 설정되지 않았습니다. 테스트 데이터를 사용합니다.")
+        # 테스트 프로그램 데이터
         test_programs = [
             {"id": "test1", "name": "테스트 프로그램 1", "description": "테스트 설명 1", "path": "C:\\test\\program1.exe"},
             {"id": "test2", "name": "테스트 프로그램 2", "description": "테스트 설명 2", "path": "C:\\test\\program2.exe"}
         ]
         
-        # 코드 실행 로깅
-        print(f"[DEBUG] 테스트 데이터 생성 완료")
-        
-        # 프로그램 목록을 바로 만들기
+        # 테스트 드롭다운 옵션 생성
         program_options = []
         for program in test_programs:
             program_id = program.get("id", "")
             program_name = program.get("name", "Unknown Program")
             program_desc = program.get("description", "")
-            entry = (f"{program_name} - {program_desc}", program_id)
-            program_options.append(entry)
-            print(f"[DEBUG] 드롭다운 옵션 추가: {entry}")
+            program_options.append((f"{program_name} - {program_desc}", program_id))
         
         # 디버그 정보 추가
-        print(f"[DEBUG] 프로그램 옵션 만들기 완료 - 개수: {len(program_options)}, 데이터: {program_options}")
+        print(f"[DEBUG] 테스트 프로그램 옵션: {program_options}")
         
         # HTML 생성
-        html_output = "<div style='padding: 10px; background-color: #e6f7ff; border-radius: 5px;'>"
-        html_output += "<h4>테스트 용 프로그램 목록</h4>"
-        html_output += "<ul>"
-        for program in test_programs:
-            html_output += f"<li><strong>{program['name']}</strong> - {program['description']}</li>"
-        html_output += "</ul>"
+        html_output = "<div style='padding: 15px; background-color: #fffaeb; border-radius: 5px; border-left: 5px solid #ffcc00;'>"
+        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3>"
+        html_output += "<p>서버에 연결되지 않았습니다. 먼저 페이지 상단의 '서버 연결' 탭에서 ngrok URL을 입력하고 연결하세요.</p>"
+        html_output += "<p>* 테스트용 프로그램 목록이 생성되었으니 테스트를 진행해보세요.</p>"
         html_output += "</div>"
         
-        print(f"[DEBUG] HTML 생성 완료, 결과 반환 준비 완료")
         return html_output, program_options
         
+    # 서버 URL이 있는 경우 API 호출
+    print(f"[DEBUG] 서버 URL이 있습니다. API 호출을 시도합니다: {SERVER_URL}/api/programs")
+    
+    try:
+        # 헤더 추가
+        headers = {
+            "User-Agent": "LocalPCAgent-Client/1.0",
+            "Accept": "application/json",
+            "Cache-Control": "no-cache",
+            "Connection": "keep-alive"
+        }
+        
+        # API 요청 실행
+        print(f"[DEBUG] API 요청 시도 - 타임아웃: {REQUEST_TIMEOUT}")
+        response = session.get(
+            f"{SERVER_URL}/api/programs", 
+            headers=headers,
+            timeout=REQUEST_TIMEOUT
+        )
+        
+        print(f"[DEBUG] API 응답 받음 - 상태코드: {response.status_code}")
+        
         if response.status_code == 200:
             result_json = response.json()
             programs = result_json.get("programs", [])
@@ -391,28 +493,34 @@ def get_programs():
             return error_html, []
     except RequestException as e:
         # 오류 상세 로그
-        print(f"Error during program list request: {str(e)}")
+        print(f"[DEBUG] API 요청 오류: {str(e)}")
         error_type = type(e).__name__
         error_detail = str(e)
         
+        # 테스트 드롭다운 데이터 생성 (오류 시에도 테스트 가능하게)
+        test_programs = [
+            {"id": "test1", "name": "테스트 프로그램 1", "description": "테스트 설명 1", "path": "C:\\test\\program1.exe"},
+            {"id": "test2", "name": "테스트 프로그램 2", "description": "테스트 설명 2", "path": "C:\\test\\program2.exe"}
+        ]
+        
+        # 드롭다운 옵션 생성
+        program_options = []
+        for program in test_programs:
+            program_id = program.get("id", "")
+            program_name = program.get("name", "Unknown Program")
+            program_desc = program.get("description", "")
+            program_options.append((f"{program_name} - {program_desc}", program_id))
+        
+        print(f"[DEBUG] 테스트 용 드롭다운 옵션 추가: {program_options}")
+        
         # 타임아웃일 경우 더 상세한 오류 메시지
         if "timeout" in error_detail.lower() or "timed out" in error_detail.lower():
             error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
             error_html += f"<h3 style='margin-top: 0; color: #721c24;'>프로그램 목록 조회 ��임아웃</h3>"
             error_html += f"<p>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p>"
-            error_html += f"<p>이 문제는 다음과 같은 이유로 발생할 수 있습니다:</p>"
-            error_html += f"<ul>"
-            error_html += f"<li>ngrok 서버가 많은 요청을 처리 중이거나 도메인 제한에 걸렸습니다.</li>"
-            error_html += f"<li>서버가 매우 많은 프로그램 목록을 처리하는 중입니다.</li>"
-            error_html += f"<li>네트워크 연결이 불안정합니다.</li>"
-            error_html += f"</ul>"
-            error_html += f"<p><strong>해결 방법:</strong></p>"
-            error_html += f"<ol>"
-            error_html += f"<li>한번 더 시도해보세요.</li>"
-            error_html += f"<li>서버 연결 상태를 다시 확인하고 다시 연결해보세요.</li>"
-            error_html += f"<li>ngrok을 다시 시작하고 새 URL로 연결해보세요.</li>"
-            error_html += f"</ol>"
-            error_html += f"<p><strong>오류 상세 정보:</strong> {error_type} - {error_detail}</p>"
+            error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 다시 확인하고, ngrok을 다시 시작해보세요.</p>"
+            error_html += f"<p><strong>오류 정보:</strong> {error_type} - {error_detail}</p>"
+            error_html += f"<p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 로드되었습니다. 프로그램 실행 해붙기가 가능하도록 드롭다운이 테스트 데이터로 채워졌습니다.</p>"
             error_html += "</div>"
         else:
             error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
@@ -420,22 +528,42 @@ def get_programs():
             error_html += f"<p>{str(e)}</p>"
             error_html += f"<p><strong>오류 유형:</strong> {error_type}</p>"
             error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 확인하고 다시 시도해보세요.</p>"
+            error_html += f"<p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 로드되었습니다. 프로그램 실행 해붙기가 가능하도록 드롭다운이 테스트 데이터로 채워졌습니다.</p>"
             error_html += "</div>"
             
-        return error_html, []
+        return error_html, program_options
 
 def execute_program(program_id):
     """프로그램 실행"""
     global SERVER_URL
     
-    if not SERVER_URL:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요."
+    # 디버그 정보 기록
+    print(f"[DEBUG] 프로그램 실행 시도: {program_id}")
     
     if not program_id:
         return "프로그램을 선택해주세요."
+    
+    # 테스트 데이터 확인 (테스트 데이터의 경우 테스트 성공 반환)
+    if program_id.startswith("test"):
+        print(f"[DEBUG] 테스트 프로그램 확인됨. 테스트 모드로 성공 응답 생성")
+        # 성공 메시지 HTML로 표시
+        html_output = "<div style='padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;'>"
+        html_output += f"<h3 style='margin-top: 0; color: #155724;'>테스트 실행 성공</h3>"
+        html_output += f"<p style='margin-bottom: 0;'>테스트 프로그램 {program_id}가 시뮬레이션되었습니다.</p>"
+        html_output += f"<p style='margin-top: 10px;'><strong>주의:</strong> 현재 테스트 모드입니다. 실제 서버에 연결하여 실행하시려면 서버 URL을 입력하고 연결해주세요.</p>"
+        html_output += "</div>"
+        return html_output
+        
+    if not SERVER_URL:
+        # 서버 URL이 없을 경우 오류 메시지 반환
+        html_output = "<div style='padding: 15px; background-color: #fff3cd; border-radius: 5px; border-left: 5px solid #ffc107;'>"
+        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3>"
+        html_output += "프로그램을 실행하려면 먼저 서버에 연결해야 합니다. 페이지 상단의 '서버 연결' 탭에서 ngrok URL을 입력하고 연결하세요."
+        html_output += "</div>"
+        return html_output
         
     # 디버그 정보 기록
-    print(f"Executing program {program_id} at {SERVER_URL}/api/programs/{program_id}/execute")
+    print(f"[DEBUG] 서버에 실행 요청 전송: {SERVER_URL}/api/programs/{program_id}/execute")
         
     try:
         # 로딩 표시
@@ -450,6 +578,7 @@ def execute_program(program_id):
             "Content-Type": "application/json"
         }
         
+        print(f"[DEBUG] API 요청 전송 - 타임아웃: {REQUEST_TIMEOUT}")
         response = session.post(
             f"{SERVER_URL}/api/programs/{program_id}/execute", 
             headers=headers,
@@ -457,6 +586,8 @@ def execute_program(program_id):
             timeout=REQUEST_TIMEOUT
         )
         
+        print(f"[DEBUG] API 응답 받음 - 상태코드: {response.status_code}")
+        
         if response.status_code == 200:
             result = response.json()
             
@@ -483,11 +614,26 @@ def execute_program(program_id):
             
             return html_output
     except RequestException as e:
-        # 오류 메시지 HTML로 표시
-        html_output = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-        html_output += f"<h3 style='margin-top: 0; color: #721c24;'>오류 발생</h3>"
-        html_output += f"<p style='margin-bottom: 0;'>{str(e)}</p>"
-        html_output += "</div>"
+        # 오류 상세 로그
+        print(f"[DEBUG] 프로그램 실행 중 오류: {str(e)}")
+        error_type = type(e).__name__
+        error_detail = str(e)
+        
+        # 타임아웃 오류 확인
+        if "timeout" in error_detail.lower() or "timed out" in error_detail.lower():
+            html_output = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
+            html_output += f"<h3 style='margin-top: 0; color: #721c24;'>프로그램 실행 타임아웃</h3>"
+            html_output += f"<p style='margin-bottom: 10px;'>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p>"
+            html_output += f"<p><strong>해결 방법:</strong> 서버 연결을 확인하고 다시 시도해보세요. 서버가 다른 작업을 처리하고 있을 수 있습니다.</p>"
+            html_output += f"<p><strong>오류 정보:</strong> {error_type} - {error_detail}</p>"
+            html_output += "</div>"
+        else:
+            # 오류 메시지 HTML로 표시
+            html_output = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
+            html_output += f"<h3 style='margin-top: 0; color: #721c24;'>오류 발생</h3>"
+            html_output += f"<p style='margin-bottom: 10px;'>{str(e)}</p>"
+            html_output += f"<p><strong>오류 유형:</strong> {error_type}</p>"
+            html_output += "</div>"
         
         return html_output