Update app.py

app.py

@@ -279,10 +279,10 @@ def combined_analysis(blog_text: str, remove_freq1: bool, direct_keyword_input:
 def analysis_handler(blog_text: str, remove_freq1: bool, direct_keyword_input: str, direct_keyword_only: bool):
     debug_log("analysis_handler 함수 시작")
     if direct_keyword_only:
-        # 직접 키워드 분석만 수행
+        # "직접 키워드 입력만 분석" 선택 시 단독 분석 수행
         return direct_keyword_analysis(blog_text, direct_keyword_input)
     else:
-        # 통합 분석 (형태소 분석 + 직접 키워드 분석)
+        # 기본 통합 분석 수행
         return combined_analysis(blog_text, remove_freq1, direct_keyword_input)
 
 # --- 스크래핑 실행 ---
@@ -292,39 +292,96 @@ def fetch_blog_content(url: str):
     debug_log("fetch_blog_content 함수 완료")
     return content
 
-# --- Gradio 인터페이스 구성 ---
+# --- Custom CSS ---
 custom_css = """
-.gradio-container { max-width: 960px; margin: auto; }
-.centered-button-row { justify-content: center; }
+/* 전체 컨테이너 스타일 */
+.gradio-container {
+    max-width: 960px;
+    margin: auto;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    background: #f5f7fa;
+    padding: 2rem;
+}
+
+/* 헤더 스타일 */
+.custom-header {
+    text-align: center;
+    font-size: 2.5rem;
+    font-weight: bold;
+    margin-bottom: 1.5rem;
+    color: #333;
+}
+
+/* 그룹 박스 스타일 */
+.custom-group {
+    background: #ffffff;
+    border-radius: 8px;
+    padding: 1.5rem;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    margin-bottom: 1.5rem;
+}
+
+/* 버튼 스타일 */
+.custom-button {
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    padding: 0.6rem 1.2rem;
+    font-size: 1rem;
+    cursor: pointer;
+}
+
+/* 체크박스 스타일 */
+.custom-checkbox {
+    margin-right: 1rem;
+}
+
+/* 결과 테이블 및 다운로드 버튼 */
+.custom-result {
+    margin-top: 1.5rem;
+}
+
+/* 가운데 정렬 */
+.centered {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
 """
-with gr.Blocks(title="네이버 블로그 형태소 분석 스페이스", css=custom_css) as demo:
-    gr.Markdown("# 네이버 블로그 형태소 분석 스페이스")
+
+# --- Gradio 인터페이스 구성 ---
+with gr.Blocks(title="네이버 블로그 형태소 분석 서비스", css=custom_css) as demo:
+    gr.HTML("<div class='custom-header'>네이버 블로그 형태소 분석 서비스</div>")
     # 블로그 링크와 스크래핑 실행 버튼을 한 그룹 내에 배치 (버튼은 가운데 정렬)
-    with gr.Group():
-        blog_url_input = gr.Textbox(label="네이버 블로그 링크", placeholder="예: https://blog.naver.com/ssboost/222983068507", lines=1)
-        with gr.Row(elem_classes="centered-button-row"):
-            scrape_button = gr.Button("스크래핑 실행")
-    with gr.Row():
+    with gr.Group(elem_classes="custom-group"):
+        with gr.Row():
+            blog_url_input = gr.Textbox(label="네이버 블로그 링크", placeholder="예: https://blog.naver.com/ssboost/222983068507", lines=1)
+        with gr.Row(elem_classes="centered"):
+            scrape_button = gr.Button("스크래핑 실행", elem_classes="custom-button")
+    with gr.Group(elem_classes="custom-group"):
         blog_content_box = gr.Textbox(label="블로그 내용 (수정 가능)", lines=10, placeholder="스크래핑된 블로그 내용이 여기에 표시됩니다.")
-    with gr.Row():
-        remove_freq_checkbox = gr.Checkbox(label="빈도수1 제거", value=True)
-    # "빈도수1 제거" 아래에 "직접 키워드 입력만 분석" 선택 항목 추가 (기본 미선택)
-    with gr.Row():
-        direct_keyword_only_checkbox = gr.Checkbox(label="직접 키워드 입력만 분석", value=False)
-    with gr.Row():
-        direct_keyword_box = gr.Textbox(label="직접 키워드 입력 (엔터 또는 ','로 구분)", lines=2, placeholder="예: 키워드1, 키워드2\n키워드3")
-    with gr.Row():
-        analyze_button = gr.Button("분석 실행")
-    # 결과 테이블은 화면 전체 폭을 사용하고, Excel 다운로드 버튼은 그 아래 별도 행에 배치
-    with gr.Row():
+    with gr.Group(elem_classes="custom-group"):
+        with gr.Row():
+            remove_freq_checkbox = gr.Checkbox(label="빈도수1 제거", value=True, elem_classes="custom-checkbox")
+        with gr.Row():
+            # "빈도수1 제거" 아래에 "직접 키워드 입력만 분석" 체크박스 배치
+            direct_keyword_only_checkbox = gr.Checkbox(label="직접 키워드 입력만 분석", value=False, elem_classes="custom-checkbox")
+        with gr.Row():
+            direct_keyword_box = gr.Textbox(label="직접 키워드 입력 (엔터 또는 ','로 구분)", lines=2, placeholder="예: 키워드1, 키워드2\n키워드3")
+    with gr.Group(elem_classes="custom-group"):
+        with gr.Row(elem_classes="centered"):
+            analyze_button = gr.Button("분석 실행", elem_classes="custom-button")
+    with gr.Group(elem_classes="custom-group custom-result"):
         result_df = gr.Dataframe(label="통합 분석 결과 (단어, 빈도수, 검색량, 블로그문서수, 직접입력)", interactive=True)
-    with gr.Row():
+    with gr.Group(elem_classes="custom-group"):
         excel_file = gr.File(label="Excel 다운로드")
     
     # 이벤트 연결
     scrape_button.click(fn=fetch_blog_content, inputs=blog_url_input, outputs=blog_content_box)
-    analyze_button.click(fn=analysis_handler, inputs=[blog_content_box, remove_freq_checkbox, direct_keyword_box, direct_keyword_only_checkbox],
-                          outputs=[result_df, excel_file])
+    analyze_button.click(fn=analysis_handler, 
+                         inputs=[blog_content_box, remove_freq_checkbox, direct_keyword_box, direct_keyword_only_checkbox],
+                         outputs=[result_df, excel_file])
 
 if __name__ == "__main__":
     debug_log("Gradio 앱 실행 시작")