Update app.py

app.py

@@ -502,45 +502,46 @@ with gr.Blocks() as app:
         </div>
         """
     )
-    # [사용방법] 영역 아래에 "샘플 넣어보기" 버튼 추가
+    # ------------------ [추가: 사용방법 영역 아래 "샘플 넣어보기" 버튼 추가] ------------------
     sample_btn = gr.Button("샘플 넣어보기", elem_id="sample_btn")
     gr.HTML(
         """
         <script>
-        document.getElementById("sample_btn").addEventListener("click", function(){
-            fetch("sample.txt")
-                .then(response => response.text())
-                .then(text => {
-                    console.log("샘플 텍스트 로드됨:", text);
-                    navigator.clipboard.writeText(text).then(function(){
-                        console.log("클립보드 복사 완료");
-                    }).catch(function(err){
-                        console.error("클립보드 복사 실패", err);
-                    });
-                    const htmlInputElem = document.getElementById("html_input");
-                    if(htmlInputElem){
-                        const textarea = htmlInputElem.querySelector("textarea");
-                        if(textarea){
-                            textarea.value = text;
-                            console.log("전체 페이지 HTML 입력 필드에 내용 채워짐");
+        document.addEventListener("DOMContentLoaded", function(){
+            const sampleBtn = document.getElementById("sample_btn");
+            if(sampleBtn){
+                sampleBtn.addEventListener("click", function(){
+                    fetch("sample.html")
+                    .then(response => response.text())
+                    .then(function(text){
+                        navigator.clipboard.writeText(text).then(function(){
+                            console.log("샘플 HTML 복사 성공");
+                        }, function(err){
+                            console.error("클립보드 복사 실패:", err);
+                        });
+                        var htmlInput = document.querySelector('textarea[aria-label="전체 페이지 HTML 입력"]');
+                        if(htmlInput){
+                            htmlInput.value = text;
                         } else {
-                            console.error("textarea를 찾을 수 없음");
+                            console.error("전체 페이지 HTML 입력 창을 찾을 수 없습니다.");
                         }
-                    } else {
-                        console.error("html_input 엘리먼트를 찾을 수 없음");
-                    }
-                })
-                .catch(err => {
-                    console.error("sample.txt 로드 실패", err);
+                    })
+                    .catch(function(error){
+                        console.error("sample.html 불러오기 실패:", error);
+                    });
                 });
+            } else {
+                console.error("샘플 넣어보기 버튼을 찾을 수 없습니다.");
+            }
         });
         </script>
         """
     )
+    # ----------------------------------------------------------------------------------------
     with gr.Tab("HTML 파싱 및 섹션 선택"):
         with gr.Row():
             with gr.Column():
-                html_input = gr.Textbox(label="전체 페이지 HTML 입력", lines=20, placeholder="HTML 코드를 입력하세요...", elem_id="html_input")
+                html_input = gr.Textbox(label="전체 페이지 HTML 입력", lines=20, placeholder="HTML 코드를 입력하세요...")
                 parse_btn = gr.Button("Submit")
             with gr.Column():
                 subject_out = gr.Textbox(label="과목명", interactive=False)