파일 업로드 타임아웃 증가 및 에러 처리 개선

- 파일 업로드 타임아웃을 15분(900초)으로 증가
- progressContainer 스코프 문제 수정
- 에러 메시지 화면 표시 개선

app/routes.py

@@ -407,7 +407,7 @@ character_relationships는 이 청크에 등장하는 인물들 간의 현재
                                 'num_predict': 500
                             }
                         },
-                        timeout=30
+                        timeout=120  # 2분 타임아웃
                     )
                     if ollama_response.status_code == 200:
                         response_data = ollama_response.json()
@@ -582,11 +582,16 @@ def analyze_episode(episode_content, episode_title, full_content=None, parent_ch
                                 'num_predict': 2000
                             }
                         },
-                        timeout=60
+                        timeout=300  # 5분 타임아웃 (회차 분석은 시간이 오래 걸릴 수 있음)
                     )
                     if ollama_response.status_code == 200:
                         response_data = ollama_response.json()
                         return response_data.get('response', '').strip()
+                except requests.exceptions.Timeout:
+                    print(f"[회차 분석] Ollama 타임아웃: 요청 시간이 초과되었습니다. (5분)")
+                    print(f"[회차 분석] 회차 내용이 너무 길거나 모델 응답이 느릴 수 있습니다.")
+                except requests.exceptions.ConnectionError:
+                    print(f"[회차 분석] Ollama 연결 오류: Ollama 서버에 연결할 수 없습니다.")
                 except Exception as e:
                     print(f"[회차 분석] Ollama 오류: {str(e)}")
         
@@ -901,10 +906,18 @@ def create_parent_chunk_with_ai(file_id, content, model_name):
                 response_data = ollama_response.json()
                 analysis_result = response_data.get('message', {}).get('content', '')
                 print(f"[Parent Chunk 생성] Ollama API 응답 수신 성공: {len(analysis_result)}자")
+            except requests.exceptions.Timeout:
+                print(f"[Parent Chunk 생성] ❌ Ollama 타임아웃: 요청 시간이 초과되었습니다. (5분)")
+                print(f"[Parent Chunk 생성] 파일이 너무 크거나 모델 응답이 느릴 수 있습니다.")
+                return None
+            except requests.exceptions.ConnectionError:
+                print(f"[Parent Chunk 생성] ❌ Ollama 연결 오류: Ollama 서버에 연결할 수 없습니다.")
+                print(f"[Parent Chunk 생성] 디버그: Ollama URL: {OLLAMA_BASE_URL}")
+                return None
             except requests.exceptions.RequestException as e:
-                print(f"[Parent Chunk 생성] ❌ Ollama API 연결 오류: {str(e)}")
+                print(f"[Parent Chunk 생성] ❌ Ollama API 오류: {str(e)}")
                 print(f"[Parent Chunk 생성] 디버그: Ollama URL: {OLLAMA_BASE_URL}")
-                raise
+                return None
         
         if not analysis_result:
             print(f"[Parent Chunk 생성] ⚠️ 경고: 분석 결과가 비어있습니다.")

templates/admin_webnovels.html

@@ -764,6 +764,10 @@
                 return;
             }
 
+            // 진행 상태 컨테이너를 함수 상단에서 선언 (스코프 문제 해결)
+            let progressContainer = null;
+            let progressItems = null;
+            
             try {
                 // 업로드 중 UI 비활성화
                 console.log('[handleFileUpload] UI 비활성화 시작');
@@ -776,8 +780,8 @@
                 fileInput.disabled = true;
 
                 // 진행 상태 초기화
-                const progressContainer = document.getElementById('fileUploadProgress');
-                const progressItems = document.getElementById('progressItems');
+                progressContainer = document.getElementById('fileUploadProgress');
+                progressItems = document.getElementById('progressItems');
                 
                 if (!progressContainer || !progressItems) {
                     console.error('[handleFileUpload] 진행 상태 컨테이너를 찾을 수 없습니다');
@@ -886,12 +890,12 @@
                         console.log(`[단계 1] fetch 호출 시작: /api/upload`);
                         console.log(`[단계 1] FormData 항목:`, Array.from(formData.entries()).map(([k, v]) => [k, v instanceof File ? v.name : v]));
                         
-                        // 타임아웃이 있는 fetch 래퍼
-                        const fetchWithTimeout = (url, options, timeout = 300000) => { // 5분 타임아웃
+                        // 타임아웃이 있는 fetch 래퍼 (15분 타임아웃 - 큰 파일 처리 시간 고려)
+                        const fetchWithTimeout = (url, options, timeout = 900000) => { // 15분 타임아웃
                             return Promise.race([
                                 fetch(url, options),
                                 new Promise((_, reject) =>
-                                    setTimeout(() => reject(new Error(`요청 타임아웃: ${timeout/1000}초 내에 응답이 없습니다.`)), timeout)
+                                    setTimeout(() => reject(new Error(`요청 타임아웃: ${timeout/1000}초(${Math.floor(timeout/60000)}분) 내에 응답이 없습니다. 파일이 크거나 처리 시간이 오래 걸릴 수 있습니다.`)), timeout)
                                 )
                             ]);
                         };
@@ -900,7 +904,7 @@
                             method: 'POST',
                             body: formData,
                             credentials: 'include'  // 쿠키 포함 (세션 인증)
-                        }, 300000); // 5분 타임아웃
+                        }, 900000); // 15분 타임아웃
                         
                         console.log(`[단계 1] fetch 응답 수신: ${response.status} ${response.statusText}`);
                         
@@ -994,13 +998,29 @@
                     console.error(`[업로드 예외] 파일: ${file.name}`, error);
                     console.error(`[업로드 예외 스택]`, error.stack);
                     
-                    // 네트워크 오류나 타임아웃인 경우 사용자에게 명확한 메시지 표시
-                    if (error.name === 'TypeError' && error.message.includes('fetch')) {
+                    // 타임아웃 오류인 경우 사용자에게 명확한 메시지 표시
+                    if (error.message && error.message.includes('타임아웃')) {
+                        const timeoutMsg = `파일 업로드 타임아웃: ${file.name}\n파일이 크거나 처리 시간이 오래 걸려 타임아웃이 발생했습니다.`;
+                        console.error(`[타임아웃 오류] ${timeoutMsg}`);
+                        if (fileUploadStatus) {
+                            fileUploadStatus.textContent = `[${i + 1}/${files.length}] 타임아웃: ${file.name}`;
+                            fileUploadStatus.className = 'file-upload-status error';
+                        }
+                        // 사용자에게 알림 표시
+                        showAlert(timeoutMsg, 'error');
+                    }
+                    // 네트워크 오류인 경우 사용자에게 명확한 메시지 표시
+                    else if (error.name === 'TypeError' && error.message.includes('fetch')) {
                         console.error(`[네트워크 오류] 서버와의 연결이 끊어졌습니다.`);
                         if (fileUploadStatus) {
                             fileUploadStatus.textContent = `[${i + 1}/${files.length}] 네트워크 오류: 서버 연결 실패`;
                             fileUploadStatus.className = 'file-upload-status error';
                         }
+                        showAlert(`네트워크 오류: 서버와의 연결이 끊어졌습니다. (${file.name})`, 'error');
+                    }
+                    // 기타 오류도 사용자에게 표시
+                    else {
+                        showAlert(`파일 업로드 오류: ${file.name}\n${errorMsg}`, 'error');
                     }
                     console.error(`[스택 트레이스]`, error.stack);
                 }
@@ -1031,7 +1051,7 @@
                     } else {
                         fileUploadStatus.textContent = '모든 파일 업로드 실패';
                         fileUploadStatus.className = 'file-upload-status error';
-                        const errorDetails = errors.length > 0 ? '\n' + errors.slice(0, 3).join('\n') + (errors.length > 3 ? `\n... 외 ${errors.length - 3}개 오류` : '') : '';
+                        const errorDetails = errors.length > 0 ? '\n\n오류 상세:\n' + errors.slice(0, 5).map((e, idx) => `${idx + 1}. ${e}`).join('\n') + (errors.length > 5 ? `\n... 외 ${errors.length - 5}개 오류` : '') : '';
                         showAlert(`파일 업로드에 실패했습니다.${errorDetails}`, 'error');
                     }
                 }
@@ -1049,8 +1069,12 @@
 
             // 3초 후 진행 상태 숨기기
             setTimeout(() => {
-                progressContainer.classList.remove('active');
-                fileUploadStatus.textContent = '';
+                if (progressContainer) {
+                    progressContainer.classList.remove('active');
+                }
+                if (fileUploadStatus) {
+                    fileUploadStatus.textContent = '';
+                }
             }, 3000);
         }