[Issue06] 도시 데이터 입력 및 연동

해결하고자 하는 주제에 대해 설명 해 주세요.

각 도시의 기상청 격차 표시 데이터를 CoreData에 저장합니다.
저장된 CoreData를 기반으로 CitiesVC에 도시 검색 구현
CitiesVC의 목록과 MainPageVC의 도시 pages 연결

다음 작업들이 진행되어야 합니다.

[x] 스위프트에 기상청 격자 json 파일 저장
[x] 기상청 격차 파일 coreData에 저장
[x] CitiesVC의 tableView 검색에서 coreData에 저장한 도시들 읽어오기
[x] 그 외 검색 기능들 구현 (취소, 실시간 연동 등)
[x] MainPageVC의 Pages를 현재 설정된 기본값 외에 CitiesVC와 연결

참고 사항

추후 작성

구현내용

스위프트에 기상청 격자 json 파일 저장
- excel 파일 json으로 변환 후 사용.
- 데이터 변환 : http://shancarter.github.io/mr-data-converter/
- json valid 확인 : https://jsonformatter.curiousconcept.com
기상청 격차 json 파일 coreData에 저장.
- decoding을 위한 data modeling.
CitiesVC의 tableView 검색에서 coreData에 저장한 도시들 읽어오기
- 보여주고 싶은 뷰가 두 개가 됨. 하나는 데이터의 날씨 정보를 보여주는 UIVIew로 이루어진 테이블뷰. 하나는 도시 검색을 위한 레이블로만 이루어진 테이블뷰.
  - 이를 두 개의 테이블뷰로 별도로 만들어 등록.
- 우선 도시검색을 위한 테이블뷰 생성.
  - searchBar의 text에 따라 전체 데이터 로드하거나 text에 해당하는 데이터 로드.
  - cell에 속성감시자로 city 데이터 전송
  - 여기선 viewModel 연결 없음

고민지점

CitiesViewController를 어떻게 더 가볍게 할 수 있을까?
- CitiesVC는 tableView와 searchBar로 이루어진 VC. 이 외에 다른 View는 없다. 즉 View 구성에 tableView를 addSubview 하는 것 이외엔 없음.
- tableViewCell에 데이터를 바로 적용할 순 없기 때문에, cell과 viewModel을 연결시켜주는 코드 필요.
- 이러면 VC에 data model, tableView, searchBar, viewMdoel 모두 존재하게 된다.
- 시도1 : 이를 방지하기 위해 별도의 CitiesView를 생성해 tableView와 searchBar 코드 이동.
  - 그러나 searchBar에서 입력되는 text는 tableView와 연결되어 있다.
  - 이를 델리게이트 패턴을 통해 받아오는 우회 방법 사용
  - 그러나, 결정적으로 searchBar에서 검색화면마다 달라지는 내비게이션 버튼을 위해 navigationItem을 사용해야 함. → navigationController는 UIViewController의 속성… 따라서 코드 이동 실패. CitiesView 삭제.
- 해결방법: 후술
viewModel은 어떻게 초기화해서 사용해야 하나?
- 첫번째 고민: 코어데이터로부터 받은 데이터를 다시 modeling해야 하나?
  - 코어데이터를 매번 그대로 전체 호출해 필터링하면 속도 저하.
  - 전체를 호출한 후 모델링해 내가 원하는 대로 호출하면 좀 더 빠른 속도가 가능하지 않을까?
  - 고민결과 :
    - 우선 데이터 bookmark결과를 버튼으로 처리하기 위해선 코어데이터 자체에 바로 toggle결과를 저장해야 하기에 별도의 모델링이 필요없다.
- 두번째 고민: 초기화시 어떤 인자값을 받아야하나?
  - 처음 고민은 searchBar의 text와 bookmark 여부를 모두 고려하는 생성자를 생각
  - 하지만 searchBar에서 사실 viewModel을 쓰지 않고 구현 가능하다.
  - 따라서, bookmark 여부만 가지는 생성자 만들기.
  - 그런데, 그러면 생성자를 만들때마다 bookmark 여부를 입력해야 함.
- 해결방법: 후술
cell의 버튼 toggle 작동 안함
- tableViewCell의 button은 원래 cell touch 입력으로 인해 selector 방식으로 메서드를 만들어 addTarget 필요. / 전달하기 원하는 값은 커스텀 델리게이트 패턴 사용.
- CitiesVC에서 도시 이름이 같은 cities 데이터의 첫 번째 인덱스를 찾고, 해당 index로 cities에 접근해 bookmark를 toggle하는 방식
- 문제 : index에 맞게 북마크 표시 안됨. 또 보다 근본적으로는, searchBar에서 불러온 텍스트마다 index가 바뀌기 때문에 의미가 없음.
- 해결방법1 :
  - CoreDataManager에서 데이터 업데이트하는 식에 문제 발견
```
// 문제1: 단서로 사용하는 데이터의 하위값을 구분하지 않고 통째로 넘김(그냥 실수)
guard let cityData = newLocationGridData.city,
      let districtData = newLocationGridData.district else { return }

            // 임시저장소 있는지 확인
            if let context = context {
                // 요청서
                let request = NSFetchRequest<NSManagedObject>(entityName: self.modelName)
                // 단서 / 찾기 위한 조건 설정
// 문제2: NSPredicate 문법 오류. 두 개의 조건을 걸고 데이터를 표기할 때 그냥 콤마로 연결 가능. 
                request.predicate = NSPredicate(format: "city = %@ AND district = %@", cityData, districtData)
```
  - 참고 : https://nspredicate.xyz
  - 그래도 여전히 북마크 토글은 제대로 표시 안됨.
- 해결방법2: 후술

viewModel은 어떻게 초기화해서 사용해야 하나?

두번째 고민: 초기화시 어떤 인자값을 받아야하나?
고민 결과:
searchBar도 viewModel을 써야한다! 모든 데이터 관련은 VC가 아닌 ViewModel에서!
이를 위해 bookmark 여부와 filtering 모두 CoreDataManager에서 직접 실행!
기존코드

var cities: [LocationGridData] = []

func updateLocationGridsByBookmark() {
     cities = getLocationGrid().filter({ $0.bookmark == true })
}
func getLocationGrid() -> [LocationGridData] {
     CoreDataManager.shared.getLocationGridList()
}
func getWeatherDataDependingText(searchBar: UISearchBar) {
        if searchBar.text!.isEmpty {
            cities = getLocationGrid()
        } else {
            guard let searchBarText = searchBar.text else { return }
            cities = getLocationGrid().filter({ $0.city!.contains(searchBarText) || $0.district!.contains(searchBarText) })
        }
    }

변경코드
ViewModel

// MARK: - Lifecycle

    init() {
        self.bindLocationGridData()
    }

    // MARK: - Helpers for data
    func bindLocationGridData() {
        locationGridDatas = getBookmarkedLocationGridForViewModel()
    }

    func updateLocationGridsBookmark(_ locationGridData: LocationGridData) {
        CoreDataManager.shared.updateLocationGridData(newLocationGridData: locationGridData) { [weak self] in
        }
    }
//...
func getBookmarkedLocationGridForViewModel() -> [LocationGridData] {
        CoreDataManager.shared.getBookmarkedLocationGridList()
    }

    func getFilteredLocationGrid(by locationName: String) {
        self.locationGridDatas = CoreDataManager.shared.getFilteredLocationGridList(by: locationName)
    }

cell의 버튼 toggle 작동 안함

해결방법2:
기존 코드
- CellButtonActionDelegate 만들어서 진행

extension CitiesViewController: CellButtonActionDelegate {
    func bookmarkButtonTapped(_ name: String) {

        cities.forEach { data in
            if data.district != "" {

                if let index = getLocationGrid().firstIndex(where: { $0.district == name }) {
                    print("DEBUG: index touched \(index)")
                    cities[index].bookmark.toggle()
                    CoreDataManager.shared.updateLocationGridData(newLocationGridData: cities[index]) {
                        DispatchQueue.main.async {[weak self] in
                            guard let self = self else { return }
                            self.cityListForSearchTableView.reloadData()
                            self.bookmarkCitiesTableView.reloadData()

}

변경 코드 :

투명한 이미지뷰를 만들어 터치 입력받는 컴포넌츠 사용!
UITapGestureRecognizer, UIView, UIImageView 사용
사용 후 코드

// cell 파일
lazy var bookmarkButton: TouchableOpacityImageView = {
        let button = TouchableOpacityImageView(frame: .zero)
        button.image = UIImage(systemName: "star")
        return button
    }()

// VC 파일
// cellForRowAt에서
cell.bookmarkButton.setOpaqueTapGestureRecognizer { [weak self] in
            self?.viewModel.updateLocationGridsBookmark(model)
}

HJLEE-22 / WeatherAppNational

[Issue06] 도시 데이터 입력 및 연동 #6

해결하고자 하는 주제에 대해 설명 해 주세요.

다음 작업들이 진행되어야 합니다.

참고 사항

구현내용

고민지점