Update app.py

app.py

@@ -96,13 +96,7 @@ def create_app():
         gr.HTML(fontawesome_link)
         with gr.Tabs():
             with gr.TabItem("예시 결과 보기"):
-                with gr.Column():
-                    gr.HTML('<div class="section-title"><img src="https://cdn-icons-png.flaticon.com/512/681/681443.png"> 상품 배경 이미지 예시 갤러리</div>')
-                    with gr.Row(elem_classes="example-gallery"):
-                        for idx, ex in enumerate(product_background_examples):
-                            item = gr.Image(value=ex[5], show_label=False, elem_classes="example-item")
-                            item.select(fn=load_example, inputs=None, outputs=[example_input_image, example_bg_type, example_bg_option, example_product_name, example_additional_info, example_output_image], _js=None)
-                # 메인 뷰
+                # 메인 뷰 컴포넌트 먼저 정의
                 with gr.Row():
                     example_input_image = gr.Image(label="입력 이미지", elem_classes="image-container")
                     with gr.Column():
@@ -111,7 +105,29 @@ def create_app():
                         example_product_name = gr.Textbox(label="상품명", interactive=False)
                         example_additional_info = gr.Textbox(label="추가 요청사항", interactive=False)
                     example_output_image = gr.Image(label="결과 이미지", elem_classes="image-container")
-                demo.load(fn=load_first_example, outputs=[example_input_image, example_bg_type, example_bg_option, example_product_name, example_additional_info, example_output_image])
+
+                # 예시 갤러리
+                with gr.Column():
+                    gr.HTML('<div class="section-title"><img src="https://cdn-icons-png.flaticon.com/512/681/681443.png"> 상품 배경 이미지 예시 갤러리</div>')
+                    with gr.Row(elem_classes="example-gallery"):
+                        for idx, ex in enumerate(product_background_examples):
+                            item = gr.Image(value=ex[5], show_label=False, elem_classes="example-item")
+                            item.select(fn=load_example, inputs=None,
+                                        outputs=[example_input_image,
+                                                 example_bg_type,
+                                                 example_bg_option,
+                                                 example_product_name,
+                                                 example_additional_info,
+                                                 example_output_image])
+
+                # 첫 번째 예시 자동 로드
+                demo.load(fn=load_first_example,
+                          outputs=[example_input_image,
+                                   example_bg_type,
+                                   example_bg_option,
+                                   example_product_name,
+                                   example_additional_info,
+                                   example_output_image])
     return demo
 
 if __name__ == "__main__":