Fix requirements.txt file

Procfile

@@ -1 +1,5 @@
+<<<<<<< HEAD
 web: gunicorn -b 0.0.0.0:$PORT app:app
+=======
+web: gunicorn app:app
+>>>>>>> 342cb1bea06d143718684d40b8f294967c3bbcae

app/app.py

@@ -6,6 +6,7 @@ import os
 import json
 import logging
 import tempfile
+import threading
 from flask import Flask, request, jsonify, render_template, send_from_directory
 from werkzeug.utils import secure_filename
 from dotenv import load_dotenv
@@ -57,6 +58,9 @@ stt_client = VitoSTT()
 base_retriever = None
 retriever = None
 
+# 앱 초기화 상태
+app_ready = False
+
 def allowed_audio_file(filename):
     """파일이 허용된 오디오 확장자를 가지는지 확인"""
     return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_AUDIO_EXTENSIONS
@@ -148,19 +152,44 @@ def init_retriever():
     
     return retriever
 
+# 비동기 초기화 함수
+def background_init():
+    """백그라운드에서 검색기 초기화 수행"""
+    global app_ready, retriever
+    try:
+        logger.info("백그라운드 초기화 시작")
+        retriever = init_retriever()
+        app_ready = True
+        logger.info("앱 초기화 완료")
+    except Exception as e:
+        logger.error(f"앱 초기화 중 오류 발생: {e}", exc_info=True)
+        app_ready = False
+
+# 백그라운드 스레드에서 초기화 시작
+init_thread = threading.Thread(target=background_init)
+init_thread.daemon = True
+init_thread.start()
+
 @app.route('/')
 def index():
     """메인 페이지"""
+    if not app_ready:
+        return render_template('loading.html')
     return render_template('index.html')
 
+@app.route('/api/status')
+def app_status():
+    """앱 초기화 상태 확인 API"""
+    return jsonify({"ready": app_ready})
+
 @app.route('/api/chat', methods=['POST'])
 def chat():
     """텍스트 기반 챗봇 API"""
-    global retriever
+    global retriever, app_ready
     
-    # 검색기가 초기화되지 않은 경우 초기화
-    if retriever is None:
-        retriever = init_retriever()
+    # 앱 준비 상태 확인
+    if not app_ready:
+        return jsonify({"error": "앱이 아직 초기화 중입니다. 잠시 후 다시 시도해주세요."}), 503
     
     try:
         data = request.get_json()
@@ -208,11 +237,11 @@ def chat():
 @app.route('/api/voice', methods=['POST'])
 def voice_chat():
     """음성 기반 챗봇 API"""
-    global retriever
+    global retriever, app_ready
     
-    # 검색기가 초기화되지 않은 경우 초기화
-    if retriever is None:
-        retriever = init_retriever()
+    # 앱 준비 상태 확인
+    if not app_ready:
+        return jsonify({"error": "앱이 아직 초기화 중입니다. 잠시 후 다시 시도해주세요."}), 503
     
     try:
         # 파일이 요청에 포함되어 있는지 확인
@@ -304,11 +333,11 @@ def voice_chat():
 @app.route('/api/upload', methods=['POST'])
 def upload_document():
     """지식베이스 문서 업로드 API"""
-    global base_retriever, retriever
+    global base_retriever, retriever, app_ready
     
-    # 검색기가 초기화되지 않은 경우 초기화
-    if retriever is None:
-        retriever = init_retriever()
+    # 앱 준비 상태 확인
+    if not app_ready:
+        return jsonify({"error": "앱이 아직 초기화 중입니다. 잠시 후 다시 시도해주세요."}), 503
     
     try:
         # 파일이 요청에 포함되어 있는지 확인
@@ -398,11 +427,11 @@ def upload_document():
 @app.route('/api/documents', methods=['GET'])
 def list_documents():
     """지식베이스 문서 목록 API"""
-    global base_retriever, retriever
+    global base_retriever, retriever, app_ready
     
-    # 검색기가 초기화되지 않은 경우 초기화
-    if retriever is None:
-        retriever = init_retriever()
+    # 앱 준비 상태 확인
+    if not app_ready:
+        return jsonify({"error": "앱이 아직 초기화 중입니다. 잠시 후 다시 시도해주세요."}), 503
     
     try:
         # 문서 소스 목록 생성
@@ -443,12 +472,6 @@ def list_documents():
         logger.error(f"문서 목록 조회 중 오류 발생: {e}", exc_info=True)
         return jsonify({"error": f"문서 목록 조회 중 오류: {str(e)}"}), 500
 
-# 앱 시작 시 검색기 초기화
-@app.before_first_request
-def before_first_request():
-    global retriever
-    retriever = init_retriever()
-
 # 정적 파일 서빙
 @app.route('/static/<path:path>')
 def send_static(path):

app/static/js/app.js

@@ -28,8 +28,35 @@ let mediaRecorder = null;
 let audioChunks = [];
 let isRecording = false;
 
+// 앱 초기화 상태 확인 함수
+async function checkAppStatus() {
+    try {
+        const response = await fetch('/api/status');
+        if (!response.ok) {
+            return false;
+        }
+        const data = await response.json();
+        return data.ready;
+    } catch (error) {
+        console.error('Status check failed:', error);
+        return false;
+    }
+}
+
 // 페이지 로드 시 초기화
 document.addEventListener('DOMContentLoaded', () => {
+    // 앱 상태 확인 (로딩 페이지가 아닌 경우에만)
+    if (window.location.pathname === '/' && !document.getElementById('app-loading-indicator')) {
+        // 앱 상태 주기적으로 확인
+        const statusInterval = setInterval(async () => {
+            const isReady = await checkAppStatus();
+            if (isReady) {
+                clearInterval(statusInterval);
+                console.log('앱이 준비되었습니다.');
+            }
+        }, 5000);
+    }
+
     // 탭 전환 이벤트 리스너
     chatTab.addEventListener('click', () => {
         switchTab('chat');

app/templates/loading.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="refresh" content="5">  <!-- 5초마다 새로고침 -->
+    <title>RAG 검색 챗봇 - 초기화 중</title>
+    <style>
+        body {
+            font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background-color: #f8f9fa;
+            text-align: center;
+            padding-top: 100px;
+            margin: 0;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        h1 {
+            color: #4a6da7;
+            margin-bottom: 30px;
+        }
+        .loader {
+            border: 16px solid #f3f3f3;
+            border-top: 16px solid #4a6da7;
+            border-radius: 50%;
+            width: 80px;
+            height: 80px;
+            animation: spin 2s linear infinite;
+            margin: 0 auto 30px;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        p {
+            font-size: 18px;
+            margin-bottom: 20px;
+        }
+        .info {
+            background-color: #e7f0ff;
+            border-radius: 8px;
+            padding: 20px;
+            margin-top: 30px;
+            text-align: left;
+        }
+        .info h2 {
+            color: #4a6da7;
+            margin-top: 0;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>RAG 검색 챗봇 초기화 중...</h1>
+        <div class="loader"></div>
+        <p>첫 실행 시 데이터 준비에 시간이 소요됩니다. 잠시만 기다려주세요.</p>
+        <p>페이지는 5초마다 자동으로 새로고침됩니다.</p>
+        
+        <div class="info">
+            <h2>초기화 작업</h2>
+            <ul>
+                <li>벡터 인덱스 생성 중...</li>
+                <li>문서 처리 및 임베딩 생성 중...</li>
+                <li>검색 엔진 준비 중...</li>
+            </ul>
+            <p>이 과정은 최대 1-2분이 소요될 수 있습니다.</p>
+        </div>
+    </div>
+</body>
+</html>