아이콘과 애니메이션으로 날씨 표현 개선
·
Flutter/Flutter 날씨 앱 만들기
기온, 상태, 습도 같은 날씨 데이터는 숫자로도 표현할 수 있지만, 아이콘과 애니메이션이 함께할 때 훨씬 직관적이고 감성적이다.이번 글에서는 Flutter에서 날씨 상태별 아이콘과 Lottie 애니메이션을 적용해 UI를 생동감 있게 만드는 방법을 알아보자.🌤️ OpenWeather 날씨 코드 이해하기OpenWeather API는 상태에 따라 icon 또는 main 값을 반환한다:"weather": [ { "main": "Rain", "description": "light rain", "icon": "10d" }]이 값을 기반으로 이미지 또는 애니메이션 리소스를 연결한다.📌 날씨 상태별 아이콘 매핑String getWeatherIcon(String main) { switch (ma..