개요

SkyForecast는 사용자가 현재 위치 또는 원하는 도시의 실시간 날씨 데이터를 확인할 수 있는 웹사이트입니다.

핵심 기능

• 실시간 날씨 확인: 현재 위치 또는 검색한 도시의 온도, 습도, 풍속, 시야 거리 등 실시간 날씨 정보 제공
• 대기질 지수(AQI) 표시: 공기 오염 수준 및 대기질 지수 확인 가능
• 시간대별 및 5일간 날씨 예보: 시간별, 일별로 날씨 변화 예측 및 5일간의 날씨 예보 제공
• 다크/라이트 테마 전환: 사용자의 선호에 따라 다크 모드와 라이트 모드 간 손쉬운 전환
• 반응형 디자인: 데스크탑과 모바일 기기 모두에서 최적화된 사용자 경험 제공
• 위치 기반 날씨 정보: 사용자의 현재 위치를 기반으로 자동으로 날씨 데이터 업데이트
• 다국어 지원 (추가 예정): 다양한 언어로 앱 사용 가능 (예정 기능)

기술적 먹표

• React 기반 개발: React와 TailwindCSS를 활용한 모던하고 직관적인 UI/UX 구현
• API 연동: OpenWeatherMap API를 활용하여 실시간 날씨 및 대기질 데이터 수집
• 반응형 디자인: TailwindCSS의 유틸리티 클래스를 활용한 모든 기기 대응
• 다국어 지원 확장: i18next 라이브러리를 활용한 다양한 언어 지원 (추가 예정)
• 상태 관리 최적화: Tanstack Query (React Query)를 통한 효율적인 데이터 페칭 및 캐싱 관리
• 위치 기반 기능: Geolocation API를 이용한 사용자 위치 기반 날씨 데이터 제공