날씨 API 사용

• openweatherapi 사이트에 가입하고 api 키를 받은뒤 5 days 3 hour forecast data를 가져온다.

• API
  https://api.openweathermap.org/data/2.5/forecast?lat=${latitude}&lon=${longitude}&appid=${API_KEY}&units=metric

---

날씨 데이터 가져오기

---

날씨 데이터 보여주기

• weather.list 에 들어있는 값을 map을 이용하여 JSX형태로 리턴한다.
• 온도 값은 parseFloat로 파싱하여 toFixed(1)을 사용해 소수점 첫째 자리까지 표현한다.
• expo에서 제공하는 아이콘(Fontisto)를 이용해서 날씨 아이콘을 표현한다.
• 날씨 값이 로딩되지 않으면 ActivityIndicator로 로딩중임을 표현한다.

---

전체코드