Update app.py

app.py

@@ -156,12 +156,18 @@ st.markdown("""
             font-size: 1.5em;
             font-weight: bold;
             color: #333;
+            position: relative;
+            left: 50%;
+            transform: translateX(-50%);
         }
         @keyframes scrolling {
-            0% {transform: translateX(100%);}
-            100% {transform: translateX(-100%);}
+            0% {transform: translateX(0%); opacity: 0;}
+            10% {opacity: 1;}
+            90% {opacity: 1;}
+            100% {transform: translateX(-100%); opacity: 0;}
         }
 
+
         /* 모바일 대응을 위한 CSS 추가 */
         @media (max-width: 600px) {
             .time-container {
@@ -711,48 +717,13 @@ def show_temperature_graph(data):
 
     # 날씨 예보 생성 및 표시 부분을 세션 상태로 관리
     if 'weather_forecast' not in st.session_state:
-        client = OpenAI(
-            api_key="glhf_9ea0e0babe1e45353dd03b44cb979e22",
-            base_url="https://glhf.chat/api/openai/v1",
-            http_client=httpx.Client(
-                follow_redirects=True,
-                timeout=30.0
-            )
-        )
-
-
-        # 현재 시간과 예보 시간 정보 추가
-        current_time = datetime.utcnow() + timedelta(hours=9)
-        current_date_str = current_time.strftime('%Y년 %m월 %d일')
-        tomorrow_date_str = (current_time + timedelta(days=1)).strftime('%Y년 %m월 %d일')
-
         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]}시] {temp}도, {description}" 
             for f, time, temp, description in zip(valid_forecast_data, times, temps, weather_descriptions)
         ])
 
-        response = client.chat.completions.create(
-            model="hf:Nexusflow/Athene-V2-Chat",
-            messages=[
-                {"role": "system", "content": "당신은 날씨 예보관입니다. 주어진 시간대별 날씨 데이터를 바탕으로 정확한 날씨 예보를 생성해주세요."},
-                {"role": "user", "content": f"""현재 시각은 {current_time.strftime('%H시 %M분')}입니다.
-
-            다음 FCST_DT의 시간대별 날씨 데이터를 보고 실제 날씨 상황에 맞는 정확한 날씨 예보를 200자의 자연스러운 문장으로 만들어주세요. 비나 눈 예보가 있는 경우에만 우산을 준비하도록 안내해주세요. 옷차림은 다음을 참고하세요.
-            27°C이상: 반팔티, 반바지, 민소매
-            23°C~26°C: 얇은 셔츠, 반팔티, 반바지, 면바지
-            20°C~22°C: 얇은 가디건, 긴팔티, 긴바지
-            17°C~19°C: 얇은 니트, 가디건, 맨투맨, 얇은 자켓, 긴바지
-            12°C~16°C: 자켓, 가디건, 야상, 맨투맨, 니트, 스타킹, 긴바지
-            9°C~11°C: 트렌치코트, 야상, 가죽 자켓, 스타킹, 긴바지
-            5°C~8°C: 코트, 히트텍, 니트, 긴바지
-            4°C이하: 패딩, 두꺼운 코트, 목도리, 기모제품
-
-            시간대별 날씨 데이터:
-            {forecast_data_str}"""}
-            ]
-        )
-
-        st.session_state.weather_forecast = response.choices[0].message.content
+        current_time_str = current_time.strftime('%H시 %M분')
+        st.session_state.weather_forecast = get_weather_forecast(forecast_data_str, current_time_str)
 
     # 저장된 날씨 예보 표시
     st.markdown(f'''
@@ -771,6 +742,40 @@ def show_temperature_graph(data):
 
     st.markdown('</div>', unsafe_allow_html=True)
 
+@st.cache_data(ttl=300)  # 5분 캐시
+def get_weather_forecast(forecast_data_str, current_time_str):
+    client = OpenAI(
+        api_key="glhf_9ea0e0babe1e45353dd03b44cb979e22",
+        base_url="https://glhf.chat/api/openai/v1",
+        http_client=httpx.Client(
+            follow_redirects=True,
+            timeout=30.0
+        )
+    )
+
+    response = client.chat.completions.create(
+        model="hf:Nexusflow/Athene-V2-Chat",
+        messages=[
+            {"role": "system", "content": "당신은 날씨 예보관입니다. 주어진 시간대별 날씨 데이터를 바탕으로 정확한 날씨 예보를 생성해주세요."},
+            {"role": "user", "content": f"""현재 시각은 {current_time_str}입니다.
+
+            다음 FCST_DT의 시간대별 날씨 데이터를 보고 실제 날씨 상황에 맞는 정확한 날씨 예보를 200자의 자연스러운 문장으로 만들어주세요. 비나 눈 예보가 있는 경우에만 우산을 준비하도록 안내해주세요. 옷차림은 다음을 참고하세요.
+            27°C이상: 반팔티, 반바지, 민소매
+            23°C~26°C: 얇은 셔츠, 반팔티, 반바지, 면바지
+            20°C~22°C: 얇은 가디건, 긴팔티, 긴바지
+            17°C~19°C: 얇은 니트, 가디건, 맨투맨, 얇은 자켓, 긴바지
+            12°C~16°C: 자켓, 가디건, 야상, 맨투맨, 니트, 스타킹, 긴바지
+            9°C~11°C: 트렌치코트, 야상, 가죽 자켓, 스타킹, 긴바지
+            5°C~8°C: 코트, 히트텍, 니트, 긴바지
+            4°C이하: 패딩, 두꺼운 코트, 목도리, 기모제품
+
+            시간대별 날씨 데이터:
+            {forecast_data_str}"""}
+        ]
+    )
+    return response.choices[0].message.content
+
+
 def main():
     if 'current_section' not in st.session_state:
         st.session_state.current_section = 'weather'