4주차_issue #6
Description
⭐️ 4주차 과제 핵심 포인트 ⭐️
- 기본&심화과제 모두 구현했습니다! 날씨상세뷰에서 시간대별 날씨는 3시간 단위로 날씨를 제공하는 API를 사용했습니다. (Hourly forecast API가 유료인 관계로...)
- 서버에서 원하는 날씨정보를 API 호출을 통해 가져오기
- 서버에서 받아온 JSON 객체를 구조체로 변환하고, 해당 구조체에서 사용할 정보만을 또 추출하기
- JSON에서 받아온 데이터들을 구조체.swift 파일을 통해 원하는 데이터 포맷으로 변환하기
- 홈화면 테이블뷰 셀 겹칩 현상 해결
- 날씨상세뷰의 10일간 일기예보에는 API가 반영되지 않았습니다.
🔨 구현 방안 개요 🔨
- JSON -> 구조체 변환은 quicktype.io를 통해 변환했습니다.
- JSON 데이터를 받아오는 것과 별개로, ItemListData, ImageCollectionData 스위프트 파일에서 앱에 필요한 형태의 정보로 가공하는 과정을 거쳤습니다.
📍 핵심 코드 설명 📍
SecondViewController.swift
private func fetchWeatherInfo() async {
let city = self.Location
imageCollectionList = [] // append를 쓰기 때문에 배열 초기화해줘야함
for i in 0...11 {
do {
guard let currentWeather = try await GetTimeline.shared.GetTimelineData(cityname: city) else {return}
let weatherInfo = ImageCollectionData(time: currentWeather.list[i].dtTxt, weather: currentWeather.list[i].weather[0].main.rawValue, temperature: currentWeather.list[i].main.temp)
imageCollectionList.append(weatherInfo)
} catch {
print(error)
}
}
do {
guard let currentWeather = try await GetTimeline.shared.GetTimelineData(cityname: city) else {return}
guard let time = extractHour(from: currentWeather.list[0].dtTxt) else {return}
self.descriptionView.text = "\(String(describing: time))에 \(self.Weather) 상태가 예상됩니다."
} catch {
print(error)
}
collectionview.reloadData()
}
do-catch 문을 두 번 이용하여 한 번은 시간대별 날씨 데이터를 배열에 넣어주고, 다른 한 번은 현재의 날씨를 라벨로 표현해주었습니다. 홈화면의 테이블뷰와 달리 시간대별 날씨에 사용된 콜렉션뷰에는 초반에 배열 초기화를 진행하여 다른 장소의 날씨데이터가 누적되는 현상을 방지했습니다.
또 시간대별 날씨 아이콘의 경우 3-hourly API에서 제공된 날씨 enum, 즉 Clear, Clouds, Snow, Rain 날씨를 네 종류로 간략화 한 뒤 기상 아이콘과 매칭해 주었습니다.