Update app.py

app.py

@@ -11,51 +11,50 @@ from zoneinfo import ZoneInfo
 # OpenAI API 키를 환경변수에서 가져오기
 API_KEY = os.getenv("API_KEY")
 
-# 전세계 주요 도시 시간대 딕셔너리
-TIMEZONE_CITIES = {
-    "서울 (UTC+9)": "Asia/Seoul",
-    "도쿄 (UTC+9)": "Asia/Tokyo",
-    "베이징 (UTC+8)": "Asia/Shanghai",
-    "싱가포르 (UTC+8)": "Asia/Singapore",
-    "방콕 (UTC+7)": "Asia/Bangkok",
-    "뉴델리 (UTC+5:30)": "Asia/Kolkata",
-    "두바이 (UTC+4)": "Asia/Dubai",
-    "모스크바 (UTC+3)": "Europe/Moscow",
-    "이스탄불 (UTC+3)": "Europe/Istanbul",
-    "파리 (UTC+1)": "Europe/Paris",
-    "런던 (UTC+0)": "Europe/London",
-    "리스본 (UTC+0)": "Europe/Lisbon",
-    "상파울루 (UTC-3)": "America/Sao_Paulo",
-    "뉴욕 (UTC-5)": "America/New_York",
-    "시카고 (UTC-6)": "America/Chicago",
-    "덴버 (UTC-7)": "America/Denver",
-    "로스앤젤레스 (UTC-8)": "America/Los_Angeles",
-    "앵커리지 (UTC-9)": "America/Anchorage",
-    "호놀룰루 (UTC-10)": "Pacific/Honolulu",
-    "시드니 (UTC+11)": "Australia/Sydney",
-    "오클랜드 (UTC+13)": "Pacific/Auckland"
+TIMEZONE_MAPPING = {
+    -12: "태평양/베이커 섬 (UTC-12)",
+    -11: "태평양/미드웨이 (UTC-11)",
+    -10: "태평양/호놀룰루 (UTC-10)",
+    -9: "미국/앵커리지 (UTC-9)",
+    -8: "미국/로스앤젤레스 (UTC-8)",
+    -7: "미국/덴버 (UTC-7)",
+    -6: "미국/시카고 (UTC-6)",
+    -5: "미국/뉴욕 (UTC-5)",
+    -4: "캐나다/핼리팩스 (UTC-4)",
+    -3: "브라질/상파울루 (UTC-3)",
+    -2: "대서양/남조지아 (UTC-2)",
+    -1: "대서양/아조레스 (UTC-1)",
+    0: "영국/런던 (UTC+0)",
+    1: "유럽/파리 (UTC+1)",
+    2: "유럽/아테네 (UTC+2)",
+    3: "유럽/모스크바 (UTC+3)",
+    4: "아시아/두바이 (UTC+4)",
+    5: "아시아/카라치 (UTC+5)",
+    6: "아시아/다카 (UTC+6)",
+    7: "아시아/방콕 (UTC+7)",
+    8: "아시아/싱가포르 (UTC+8)",
+    9: "아시아/서울 (UTC+9)",
+    10: "아시아/시드니 (UTC+10)",
+    11: "태평양/누메아 (UTC+11)",
+    12: "태평양/오클랜드 (UTC+12)",
+    13: "태평양/통가 (UTC+13)",
+    14: "태평양/키리티마티 (UTC+14)"
 }
 
-def exception_handler(exception_type, exception, traceback):
-    print(f"{exception_type.__name__}: {exception}")
-
-sys.excepthook = exception_handler
-sys.tracebacklimit = 0
-
-def convert_to_seoul_time(year, month, day, hour, minute, selected_timezone):
+def convert_to_seoul_time(year, month, day, hour, minute, timezone_offset):
     """
     선택된 시간대의 시간을 서울 시간으로 변환
     """
-    # 선택된 시간대 객체 생성
-    local_tz = pytz.timezone(TIMEZONE_CITIES[selected_timezone])
-    seoul_tz = pytz.timezone('Asia/Seoul')
+    from datetime import datetime, timedelta
     
-    # 현지 시간 생성
-    local_time = local_tz.localize(datetime(int(year), int(month), int(day), 
-                                          int(hour), int(minute)))
+    # 서울과의 시차 계산 (서울은 UTC+9)
+    time_difference = 9 - int(timezone_offset)
     
-    # 서울 시간으로 변환
-    seoul_time = local_time.astimezone(seoul_tz)
+    # 입력 시간 생성
+    local_time = datetime(int(year), int(month), int(day), int(hour), int(minute))
+    
+    # 시차 적용
+    seoul_time = local_time + timedelta(hours=time_difference)
     
     return {
         'year': str(seoul_time.year),
@@ -64,6 +63,13 @@ def convert_to_seoul_time(year, month, day, hour, minute, selected_timezone):
         'hour': f"{seoul_time.hour:02d}{seoul_time.minute:02d}"
     }
 
+def exception_handler(exception_type, exception, traceback):
+    print(f"{exception_type.__name__}: {exception}")
+
+sys.excepthook = exception_handler
+sys.tracebacklimit = 0
+
+
 def get_chinese_hour(birth_hour):
     hour = int(birth_hour[:2])
     chinese_hours = ['자', '축', '인', '묘', '진', '사', '오', '미', '신', '유', '술', '해']
@@ -151,14 +157,16 @@ def calculate_siju(birth_hour, lunIljin):
 
     return siju    
 
-def get_lunar_info(solYear, solMonth, solDay, solHour, selected_timezone):
+# get_lunar_info 함수 수정
+def get_lunar_info(solYear, solMonth, solDay, solHour, timezone_offset):
     try:
         # 시간 파싱
         hour = int(solHour[:2])
         minute = int(solHour[2:]) if len(solHour) > 2 else 0
         
         # 선택된 시간대에서 서울 시간으로 변환
-        seoul_time = convert_to_seoul_time(solYear, solMonth, solDay, hour, minute, selected_timezone)
+        seoul_time = convert_to_seoul_time(solYear, solMonth, solDay, hour, minute, timezone_offset)
+        
         
         base_url = "http://apis.data.go.kr/B090041/openapi/service/LrsrCldInfoService/getLunCalInfo"
         service_key = "EuBjt%2B2t0KzYt5Ri%2Bzs56oymt9kHJ8uPIOV7m6UMKnOV8cpwj02EiRqMEudX%2F%2FVTKdMnwaLH0igRwY57YUplEQ%3D%3D"
@@ -350,6 +358,7 @@ button {
 button:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
+    background: linear-gradient(135deg, #FF8E53, #FF6B6B);
 }
 
 /* 입력 컨테이너 스타일 */
@@ -359,6 +368,12 @@ button:hover {
     padding: 20px;
     margin: 10px 0;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+}
+
+.input-container:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 }
 
 /* 출력 컨테이너 스타일 */
@@ -370,96 +385,86 @@ button:hover {
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }
 
-/* 시간대 선택 드롭다운 스타일 */
-.timezone-dropdown {
-    background: white;
-    border-radius: 8px;
-    padding: 10px;
-    margin: 10px 0;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-/* 분석 결과 스타일 */
-.analysis-result {
-    background: white;
+/* 시간대 슬라이더 스타일 */
+.timezone-slider {
+    margin: 20px 0;
+    padding: 15px;
+    background: linear-gradient(135deg, #ffffff, #f8f9fa);
     border-radius: 10px;
-    padding: 20px;
-    margin: 15px 0;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }
 
+.timezone-slider .slider {
+    height: 10px !important;
+    background: linear-gradient(90deg, #6e8efb, #a777e3) !important;
+    border-radius: 5px !important;
+}
 
-footer { visibility: hidden; }
-
-/* 전체 컨테이너 스타일 */
-.container {
-    background: linear-gradient(135deg, #6e8efb, #a777e3);
-    border-radius: 15px;
-    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
-    backdrop-filter: blur(4px);
-    border: 1px solid rgba(255, 255, 255, 0.18);
-    padding: 20px;
-    margin: 10px;
+.timezone-slider .thumb {
+    width: 20px !important;
+    height: 20px !important;
+    background: white !important;
+    border: 2px solid #6e8efb !important;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
 }
 
-/* 버튼 스타일 */
-button {
-    background: linear-gradient(135deg, #FF6B6B, #FF8E53);
-    border: none;
-    color: white;
-    padding: 12px 24px;
-    text-align: center;
-    font-size: 16px;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    font-weight: bold;
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+.timezone-slider .label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #2d3748;
+    margin-bottom: 10px;
 }
 
-button:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
+#selected-timezone-display {
+    text-align: center;
+    font-size: 14px;
+    color: #4a5568;
+    margin-top: 5px;
+    font-weight: 500;
 }
 
-/* 입력 컨테이너 스타일 */
-.input-container {
-    background: rgba(255, 255, 255, 0.95);
-    border-radius: 10px;
-    padding: 20px;
-    margin: 10px 0;
+/* 분석 결과 스타일 */
+.analysis-result {
+    background: white;
+    border-radius: 15px;
+    padding: 25px;
+    margin: 20px 0;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
 }
 
-/* 출력 컨테이너 스타일 */
-.output-container {
-    background: linear-gradient(135deg, #f6f9fc, #eef2f7);
-    border-radius: 10px;
-    padding: 20px;
-    margin: 10px 0;
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+.analysis-result:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
 }
 
 /* 큰 출력 박스 스타일 */
 .large-output-box {
     height: 500px !important;
     font-size: 16px !important;
-    padding: 20px !important;
+    padding: 25px !important;
     background: linear-gradient(135deg, #f6f9fc, #eef2f7);
     border-radius: 15px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
     margin: 20px 0;
     overflow-y: auto;
-    line-height: 1.6;
+    line-height: 1.8;
     white-space: pre-wrap;
+    transition: all 0.3s ease;
+}
+
+.large-output-box:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
 }
 
 /* 탭 내비게이션 스타일 */
 .tab-nav {
     background: rgba(255, 255, 255, 0.9);
-    border-radius: 10px;
-    padding: 10px;
-    margin-bottom: 20px;
+    border-radius: 15px;
+    padding: 15px;
+    margin-bottom: 25px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }
 
 /* 마크다운 텍스트 스타일 */
@@ -467,34 +472,59 @@ button:hover {
     text-align: center;
     color: #2d3748;
     text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+    font-weight: 500;
+    margin: 20px 0;
 }
 
 /* 신년운세 특별 스타일 */
 .newyear-container {
     background: linear-gradient(135deg, #ffd1d1, #ffecd1);
-    padding: 30px;
+    padding: 35px;
     border-radius: 20px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
-    margin: 20px 0;
+    margin: 25px 0;
+    transition: all 0.3s ease;
+}
+
+.newyear-container:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
 }
 
 .newyear-title {
-    font-size: 24px;
+    font-size: 26px;
     color: #2d3748;
     text-align: center;
-    margin-bottom: 20px;
+    margin-bottom: 25px;
     text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+    font-weight: bold;
 }
 
 /* 탭 컨텐츠 스타일 */
 .tab-content {
     min-height: 600px;
-    padding: 20px;
+    padding: 25px;
+    background: rgba(255, 255, 255, 0.02);
+    border-radius: 15px;
+    backdrop-filter: blur(10px);
 }
-"""
 
+/* 입력 필드 스타일 */
+input, select, textarea {
+    border-radius: 8px !important;
+    border: 1px solid rgba(0, 0, 0, 0.1) !important;
+    padding: 12px !important;
+    transition: all 0.3s ease !important;
+}
+
+input:focus, select:focus, textarea:focus {
+    border-color: #6e8efb !important;
+    box-shadow: 0 0 0 2px rgba(110, 142, 251, 0.2) !important;
+    transform: translateY(-1px);
+}
+"""
 
-# Gradio 인터페이스
+# Gradio UI 부분
 with gr.Blocks(css=css) as demo:
     gr.Markdown("# 🔮 AI 사주 운세 분석 시스템 ✨", elem_id="title")
     gr.Markdown("### 🌟 양력 생년월일시와 출생 지역을 입력하시면 AI가 당신의 운세를 분석해드립니다! 💫", elem_id="description1")
@@ -509,12 +539,18 @@ with gr.Blocks(css=css) as demo:
                 label="⏰ 생시 (예: 1030)", 
                 placeholder="24시간 형식으로 입력 (예: 2230)"
             )
-            timezone_select = gr.Dropdown(
-                choices=list(TIMEZONE_CITIES.keys()),
-                value="서울 (UTC+9)",
-                label="🌍 출생 지역 시간대",
-                info="출생 지역의 시간대를 선택하세요. 모든 시간은 서울 시간으로 자동 변환됩니다.",
-                elem_classes="timezone-dropdown"
+            timezone_slider = gr.Slider(
+                minimum=-12,
+                maximum=14,
+                value=9,
+                step=1,
+                label="🌍 출생 지역 시간대 (UTC)",
+                info="서울은 UTC+9 입니다. 출생 지역의 UTC 시간대를 선택하세요.",
+                elem_classes="timezone-slider"
+            )
+            gr.Markdown(
+                "현재 선택된 시간대: " + TIMEZONE_MAPPING[9],
+                elem_id="selected-timezone-display"
             )
         
         with gr.Group(elem_classes="output-container"):
@@ -523,6 +559,10 @@ with gr.Blocks(css=css) as demo:
             lunIljin_state = gr.State()
             
         get_lunar_info_btn = gr.Button("✨ 운세 분석하기")
+
+
+
+
     
     with gr.Tab("🧐 성격과 특징 분석"):
         with gr.Group(elem_classes="output-container"):
@@ -547,13 +587,17 @@ with gr.Blocks(css=css) as demo:
             )
             analyze_button2 = gr.Button("🎯 2025년 운세 보기", size="large")
 
+
+    
+
     # 이벤트 연결
     get_lunar_info_btn.click(
         fn=get_lunar_info,
-        inputs=[solYear, solMonth, solDay, solHour, timezone_select],
+        inputs=[solYear, solMonth, solDay, solHour, timezone_slider],
         outputs=[output1, lunIljin_state, analysis_result]
     )
-    
+
+  
     analyze_button.click(
         fn=analyze_character,
         inputs=[lunIljin_state],
@@ -570,77 +614,3 @@ with gr.Blocks(css=css) as demo:
 demo.launch()
 
 
-
-
-
-
-
-
-
-
-
-
-# Gradio 인터페이스
-with gr.Blocks(css=css) as demo:
-    gr.Markdown("# 🔮 AI 사주 운세 분석 시스템 ✨", elem_id="title")
-    gr.Markdown("### 🌟 양력 생년월일시를 입력하시면 AI가 당신의 운세를 분석해드립니다! 💫", elem_id="description1")
-    gr.Markdown("### 💫 커뮤니티: https://discord.gg/openfreeai 🌈", elem_id="description3")
-    
-    with gr.Tab("📝 기본 정보 입력 및 요약"):
-        with gr.Group(elem_classes="input-container"):
-            solYear = gr.Textbox(label="🎂 생년 (예: 1990)")
-            solMonth = gr.Textbox(label="📅 생월 (예: 01)")
-            solDay = gr.Textbox(label="📆 생일 (예: 31)")
-            solHour = gr.Textbox(
-                label="⏰ 생시 (예: 1030)", 
-                placeholder="24시간 형식으로 입력 (예: 2230)"
-            )
-        
-        with gr.Group(elem_classes="output-container"):
-            output1 = gr.JSON(label="🎯 사주 분석 결과")
-            analysis_result = gr.HTML()
-            lunIljin_state = gr.State()
-            
-        get_lunar_info_btn = gr.Button("✨ 운세 분석하기")
-    
-    with gr.Tab("🧐 성격과 특징 분석"):
-        with gr.Group(elem_classes="output-container"):
-            character_output = gr.Textbox(
-                label="🎭 당신의 성격과 특징",
-                elem_classes="large-output-box"
-            )
-            analyze_button = gr.Button("🔍 성격 분석하기")
-    
-    with gr.Tab("🎊 2025년 운세"):
-        with gr.Group(elem_classes="newyear-container"):
-            gr.Markdown("### 🌟 2025년 을사년 신년운세 🌟", elem_classes="newyear-title")
-            newyear_output = gr.Textbox(
-                label="🎉 상세 운세 분석",
-                elem_classes="large-output-box",
-                lines=20,
-                max_lines=30,
-                show_label=True,
-                placeholder="운세 분석 결과가 여기에 표시됩니다..."
-            )
-            analyze_button2 = gr.Button("🎯 2025년 운세 보기", size="large")
-
-    # 이벤트 연결
-    get_lunar_info_btn.click(
-        fn=get_lunar_info,
-        inputs=[solYear, solMonth, solDay, solHour],
-        outputs=[output1, lunIljin_state, analysis_result]
-    )
-    
-    analyze_button.click(
-        fn=analyze_character,
-        inputs=[lunIljin_state],
-        outputs=character_output
-    )
-    
-    analyze_button2.click(
-        fn=analyze_2024,
-        inputs=[lunIljin_state],
-        outputs=newyear_output
-    )
-
-demo.launch()