Update app.py

app.py

@@ -347,8 +347,6 @@ with gr.Blocks() as merge_demo:
             merged += "[강의3]\n" + l3.strip()
         return merged
     
-    # "강의내용 합치기" 버튼 삭제에 따라 merge_btn 관련 코드 제거
-    
     merge_copy_script = """
     <script>
     function setupMergeCopy(copyBtnId, textBoxId, resultBoxId) {
@@ -436,7 +434,6 @@ with gr.Blocks() as additional_demo:
         url2 = gr.Textbox(label="강의2 URL", elem_id="url2")
         url3 = gr.Textbox(label="강의3 URL", elem_id="url3")
     with gr.Row():
-        # 개별 '강의 내용 가져오기' 버튼 삭제 (요청사항에 따라 삭제)
         pass
     with gr.Row():
         lecture_content1 = gr.Textbox(label="강의 내용", lines=10, elem_id="lecture_content1")
@@ -491,25 +488,20 @@ with gr.Blocks() as additional_demo:
     
 with gr.Blocks() as app:
     gr.Markdown("# 캐롤라인대학 강의 추출기 Ver.2.2")
-    gr.Markdown(
+    gr.HTML(
         """
-        <table style="background-color: #f0f0f0; width:100%; border: none;">
-            <tr>
-                <td style="border: none; padding: 10px;">
-                    <strong>사용방법</strong>
-                    <ol>
-                        <li>추출을 원하는 강의 페이지에서 "Ctrl + U"를 눌러 "페이지 소스 보기" 페이지를 띄웁니다.</li>
-                        <li>페이지 소스 보기 페이지의 소스 내용을 전체 복사 합니다. ("Ctrl+A" → "Ctrl+C")</li>
-                        <li>복사한 내용을 추출기의 "전체 페이지 HTML 입력"란에 붙여 넣고 "Submit" 버튼을 클릭합니다.</li>
-                        <li>오른쪽 창에서 원하는 섹션을 선택 후 "강의 내용 가져오기" 버튼을 클릭합니다.</li>
-                        <li>가져온 강의 내용 중에서 필요한 내용만 복사하여 사용 가능합니다.</li>
-                    </ol>
-                </td>
-            </tr>
-        </table>
+        <div style="background-color: #f0f0f0; padding: 10px; margin-bottom: 20px;">
+            <strong>사용방법</strong>
+            <ol>
+                <li>추출을 원하는 강의 페이지에서 "Ctrl + U"를 눌러 "페이지 소스 보기" 페이지를 엽니다.</li>
+                <li>페이지 소스 보기 페이지의 소스 내용을 전체 복사 합니다. ("Ctrl+A" → "Ctrl+C")</li>
+                <li>복사한 내용을 추출기의 "전체 페이지 HTML 입력"란에 붙여 넣고 "Submit" 버튼을 클릭합니다.</li>
+                <li>오른쪽 창에서 원하는 섹션을 선택 후 "강의 내용 가져오기" 버튼을 클릭합니다.</li>
+                <li>가져온 강의 내용 중에서 필요한 내용만 복사하여 사용 가능합니다.</li>
+            </ol>
+        </div>
         """
     )
-    # 모듈1: HTML 입력 및 오른쪽에 과목/섹션/강의 목록 표시
     with gr.Tab("HTML 파싱 및 섹션 선택"):
         with gr.Row():
             with gr.Column():
@@ -520,7 +512,6 @@ with gr.Blocks() as app:
                 section_dropdown = gr.Dropdown(label="섹션 선택", choices=[], interactive=True)
                 lecture_out = gr.Textbox(label="선택한 섹션 강의 목록", lines=10, interactive=False)
                 with gr.Row():
-                    # [요청사항]에 따라 "선택한 섹션 강의 목록" 아래에 '강의 내용 가져오기' 버튼 추가
                     fetch_all_btn = gr.Button("강의 내용 가져오기", elem_id="fetch_all_btn")
         sections_state = gr.State()
     
@@ -529,13 +520,11 @@ with gr.Blocks() as app:
             inputs=html_input, 
             outputs=[subject_out, section_dropdown, sections_state]
         )
-        # 섹션 선택시 강의목록 텍스트만 업데이트하는 이벤트 등록
         section_dropdown.change(
             fn=update_lecture_text_only,
             inputs=[section_dropdown, sections_state],
             outputs=lecture_out
         )
-        # "강의 내용 가져오기" 버튼 클릭시 강의 URL과 내용 업데이트 (버튼 클릭 시 [행동] 실행)
         fetch_all_btn.click(
             fn=handle_fetch_all,
             inputs=lecture_out,