Update app.py

app.py

@@ -461,12 +461,59 @@ def show_weather_info(data):
     """
     components.html(clock_html, height=300)
 
-    # API 테스트 버튼 
-    # show_weather_info() 함수의 버튼 부분 수정
+    # 날씨 예보 생성 및 스크롤 컨테이너 표시
     col1, col2, col3, col4 = st.columns([1, 1, 1, 2])
     with col1:
         if st.button("날씨 예보 스크롤", key="toggle_scroll"):
             st.session_state.scroll_visible = not st.session_state.scroll_visible
+            
+            # 날씨 예보 생성
+            forecast_data = data['FCST24HOURS']['FCST24HOURS']
+            if not isinstance(forecast_data, list):
+                forecast_data = [forecast_data]
+            
+            forecast_data_str = "\n".join([
+                f"[{f['FCST_DT'][:4]}년 {f['FCST_DT'][4:6]}월 {f['FCST_DT'][6:8]}일 {f['FCST_DT'][8:10]}시] {f['TEMP']}도, {f['SKY_STTS']}" 
+                for f in forecast_data
+            ])
+
+            current_time = datetime.utcnow() + timedelta(hours=9)
+            current_time_str = current_time.strftime('%H시 %M분')
+            
+            # 날씨 예보 텍스트 생성
+            st.session_state.weather_forecast = get_weather_forecast(forecast_data_str, current_time_str)
+
+    # 스크롤 컨테이너 CSS
+    background_color = get_background_color(data['PM10'])
+    display_style = "block" if st.session_state.scroll_visible else "none"
+    scroll_style = f"""
+        background-color: rgba(255, 255, 255, 0.9);
+        color: #333;
+        display: {display_style};
+        position: fixed;
+        bottom: 20px;
+        left: 0;
+        width: 100%;
+        overflow: hidden;
+        padding: 10px 0;
+        z-index: 1000;
+    """
+
+    text_style = """
+        white-space: nowrap;
+        animation: scroll-text 30s linear infinite;
+        display: inline-block;
+        font-size: 2.5em;
+        font-weight: bold;
+    """
+
+    # 스크롤 컨테이너 표시
+    st.markdown(f'''
+        <div class="scroll-container" style="{scroll_style}">
+            <div class="scroll-text" style="{text_style}">{st.session_state.weather_forecast}</div>
+        </div>
+    ''', unsafe_allow_html=True)
+    
     with col2:
         st.button("시간대별 온도 보기", on_click=lambda: st.session_state.update({'current_section': 'temperature'}))
     with col3:
@@ -520,14 +567,13 @@ def show_weather_info(data):
             
         weather_descriptions.append(description)
 
-    # 날씨 예보 생성 및 표시
+    # 스크롤 컨테이너 표시
     background_color = get_background_color(data['PM10'])
-    scroll_style = """
+    display_style = "block" if st.session_state.scroll_visible else "none"
+    scroll_style = f"""
         background-color: rgba(255, 255, 255, 0.9);
         color: #333;
-    """ if st.session_state.scroll_visible else f"""
-        background-color: {background_color};
-        color: {background_color};
+        display: {display_style};
     """
 
     # 저장된 날씨 예보 표시