TIL_20180723 ~ 20180730

2018.07.23

• 테이블뷰를 reload할때의 async문제

  private func resetTableView(indexPaths: [IndexPath]) {
    DispatchQueue.main.sync { [weak self] in // async로 하면 에러남
        self?.tableView.beginUpdates()
        self?.tableView.insertRows(at: indexPaths, with: .automatic)
        self?.tableView.endUpdates()
    }
  }
  

• beginUpdates()와 endUpdates() 사이의 시점에서는 모델이 변경되면 안됨.
• 테이블뷰 데이터소스는 reload나 insert를 할때 변경이 필요한 부분(테이블 뷰 내의 특정 섹션이나 셀)을 담당하는 모델이 같은 수인지 내부적으로 확인하는 과정을 거친다.
  • 이는 변경동작이 필요없는 곳에는 동작을 하지 않고 낭비를 막으려고 이렇게 동작함.
  • 위의 코드에서 아예 앱이 죽는 에러 발생
  • insertSection/insertRows, 혹은 reloadSection/rows로 인해서 변경된 테이블뷰의 데이터 수가 변경 전과 다르다는 에러.

    Terminating app due to uncaught exception 'NSInternalInconsistencyException',
    reason: 'Invalid update: invalid number of sections.  
    The number of sections contained in the table view after the update (0) must be equal to the number of sections contained in the table view before the update (2), plus or minus the number of sections inserted or deleted (0 inserted, 0 deleted).
    

  • 에러자료 링크 1- Error ‘Invalid update: invalid number of rows in section 0’ attempting to delete row in table
  • 에러자료 링크 2 - Insert rows to UITableView crash
• 해결:
  • 확인해보니 insertRows에 전달되는 IndexPath는 모두 잘 만들어져 전달되었다.
  • 하지만 update를 시작하고 insert하고 update가 끝나는 동작이 async로 작동하여 모델 변경이 언제 되는지 모르는 문제가 있었다.
  • URLSession으로 모델 업데이트(async) - 0개의 데이터로 테이블뷰 그림 - 모델 업데이트(async) noti로 테이블뷰 업데이트 시작 - 다른 모델도 업데이트 되는 중
  • 해당 동작을 async하게 동작하면, URLSession에서 모델을 받아오는게 전부 완료되지 않고 다른 스레드에서 다른 섹션을 담당하는 모델이 업데이트되고있는 상태에서 다른 섹션의 업데이트를 비동기적으로 요청하고, 테이블뷰를 비동기적으로 업데이트하려고하니까 업데이트 전후의 데이터 수가 일치하지 않는 문제가 발생한다. (1섹션의 테이블뷰를 업데이트하고있는데 2의 데이터가 만들어져서 또 2 섹션을 업데이트하라고 noti가 오는 상황)
  • beginUpdates()와 endUpdates()사이에서 모델과 테이블뷰가 가진 데이터의 수가 같아야하는게 포인트! (업데이트 전의 데이터가 0개이면 테이블뷰의 rows도 0, 데이터가 변경되서 3개가 되면 rows도 3개여야하며, 에러메시지에서도 언급하고 있는 내용이다.)
  • 따라서 모델은 비동기로 업데이트된다고 하더라도, 테이블뷰 업데이트는 sync하게 동작하도록 하여 메인스레드에서 직렬적으로(차례대로) 업데이트되게하여 모델업데이트와 테이블뷰 업데이트의 타이밍을 맞춘다!

2018.07.24

• 읽어보기- tableview editing

• debug

  // DEBUG
  Path1: /Users/jeonmijin/Library/Developer/CoreSimulator/Devices/DE1DE4FA-2208-4062-8C55-0673E3019F6C/data/Containers/Data/Application/34D0E5CC-B577-49E2-913A-82DDBA91CB59/tmp/CFNetworkDownload_nEtNzv.tmp
  Path2: /Users/jeonmijin/Library/Developer/CoreSimulator/Devices/DE1DE4FA-2208-4062-8C55-0673E3019F6C/data/Containers/Data/Application/34D0E5CC-B577-49E2-913A-82DDBA91CB59/Library/Caches/fdb0d5fcfb86e332505785225a6d9ade.jpg
  아이템이미지: https://cdn.bmf.kr/_data/product/HBBCC/fdb0d5fcfb86e332505785225a6d9ade.jpg
  

2018.07.25

downloadTask() 동작방식

• func downloadTask(with url: URL, completionHandler: @escaping (URL?, URLResponse?, Error?) -> Void) -> URLSessionDownloadTask
• 이렇게 URLSession에서 downloadTask만들때요, 일반 dataTask랑은 다르게 컴플리션 핸들러에서 data가 아닌 location(URL)을 받던데, 저는 이 task를 resume()했을때 어떻게 다운로드가 된건지 궁금합니당. 컴플리션핸들러를 거치면서 이미 내부적으로 다운로드는 location에 된거고 location이 다운로드 받은 임시파일이 저장된 경로인건가요? 그러면 data로 바로 접근하는게 아니라 location인 임시경로로 가서 다운받아진 이미지 파일을 가져와야하는건가요?
• Answer: 파일로 저장되고 위치가 넘어오며, 해당 위치에는 이미 url로부터 다운받아진 이미지파일이 존재함.
• 임시경로에는 /Users/jeonmijin/Library/Developer/CoreSimulator/Devices/DE1DE4FA-2208-4062-8C55-0673E3019F6C/data/Containers/Data/Application/34D0E5CC-B577-49E2-913A-82DDBA91CB59/tmp/CFNetworkDownload_nEtNzv.tmp 이런식으로 임시 파일이 저장됨

// 임시 파일 location으로 바로 이미지 가져와봄
func test() {
       let url = URL(string: "https://cdn.bmf.kr/_data/product/HCCFE/757878b14ee5a8d5af905c154fc38f01.jpg")!

       URLSession.shared.downloadTask(with: url) { (location, response, error) in
           if let error = error {
               print("\(error)")
           }
           if let location = location {
               let img = UIImage(contentsOfFile: location.path)
               DispatchQueue.main.sync {
                   self.view.addSubview(UIImageView(image: img))
               }
           }
       }.resume()
   }

캐시폴더로 파일 옮기기

1. downloadTask의 컴플리션핸들러에서 location - tmp저장
2. tmp path에서 cache path로 move
3. cache의 jpg파일 저장한 경로를 UIImage(contentsOf:)로 넘김
4. cache 파일 안에 있는거 안지우면 moveError나는닷!?

do {
        try fileManager.moveItem(at: tmpLocation, to: imageSavingPath)
            let imageData = try? Data(contentsOf: imageSavingPath)
            handler(imageData)
    } catch {
        if FileManager().fileExists(atPath: imageSavingPath.path) {
            let imageData = try? Data(contentsOf: imageSavingPath)
            handler(imageData)
        } else { print("MOVE Error!") }

class ImageSetter {

    class func download(with url: String, handler: @escaping((Data?) -> Void)) {
        let fileManager = FileManager.default
        let cacheURL = FileManager.default.urls(for: .cachesDirectory, in: .userDomainMask).first!
        let imageSavingPath = cacheURL.appendingPathComponent(URL(string: url)!.lastPathComponent)

            URLSession.shared.downloadTask(with: URL(string: url)!) { (tmpLocation, response, error) in
                if let error = error {
                    print("Image download Error log: \(error)\n")
                }
                if let response = response as? HTTPURLResponse, response.statusCode == 200, let tmpLocation = tmpLocation {
                    do {
                        try fileManager.moveItem(at: tmpLocation, to: imageSavingPath)
                        let sss = try? fileManager.contentsOfDirectory(atPath: imageSavingPath.path)
                        print(sss) // nil - 파일명까지의 경로라 nil
                        let fff = try? fileManager.contentsOfDirectory(atPath: cacheURL.path)
                        print(fff)
                        let ddd = fileManager.contents(atPath: imageSavingPath.path)
                        print(ddd) // 저장된 이미지에 data자체 프린트됨
                        let imageData = try? Data(contentsOf: imageSavingPath)
                        handler(imageData)
                    } catch {
                        if FileManager().fileExists(atPath: imageSavingPath.path) {
                            let imageData = try? Data(contentsOf: imageSavingPath)
                            handler(imageData)
                        } else { print("MOVE Error!") }
                    }
                }
    }.resume()

}
}

이미지 설정

    private func setItemImage(imageURL: String) {
        ImageSetter.download(with: imageURL, handler: { imageData in
            DispatchQueue.main.sync { [weak self] in
//                self.itemImage.image = UIImage(contentsOfFile: imagePath)
                guard let data = imageData else { return }
                self?.itemImage.image = UIImage(data: data)
            }
        })
    }

1. self.imageView?.image = UIImage(contentsOfFile: imagePath) > 바로 안되고 셀을 다시 재사용할때 그림 뜸
2. self.itemImage.image = UIImage(contentsOfFile: imagePath)
   • 1,2의 차이: 셀이 처음 재사용될때 UIImageView 프로퍼티 자체는 스토리보드에서 만들어졌기때문에, 스토리보드대로 처음에 세팅되고 데이타소스객체에 의해서 속성이 할당될때가 되서야 이미지가 세팅됨(deque할때)

2018.07.26

• 데드락 상황 발견!
  • main queue에서 또 main.sync로 돌아가는 코드블럭을 호출
  • setItemImage() 함수는 ImageSetter의 download()를 호출하며, 인자로 url과 함께 컴플리션 핸들러를 넘긴다. (main queue에서 실행)
  • 해당 컴플리션 핸들러의 코드 블럭을 편의상 A블럭이라고 칭한다.
  • 이때 A블럭의 관련 worker는 다음과 같다.
    • Assignor : setItemImage(), Assignee : download()
  • download()는 함수를 빠져나오는 시점에 A블럭을 실행한다.
  • 이때의 A블럭의 worker는
    • Assignor : download(), Assignee : setItemImage()
  • 두 worker가 모두 main queue에서 sync로 동작하기때문에, 서로가 교차하여 서로를 가리키고있고 서로 일이 끝나기만을 기다리는 데드락 상황이 발생.
  • handler의 코드를 async로 변경하여 문제를 해결할 수 있다.
• 문제 코드

  // TableViewCell.swift
  
  private func setItemImage(imageURL: String) {
    // 1. ImageSetter의 download()호출
    ImageSetter.download(with: imageURL, handler: { imageData in
      // 3. download()함수가 종료되면서 핸들러가실행됨. 같은 main queue라서 문제발생  
      DispatchQueue.main.sync { [weak self] in
        guard let data = imageData else { return }
        self?.itemImage.image = UIImage(data: data)
      }
    })
  }
  

// TableViewCell에서 ImageSetter의 download가 호출

class func download(with url: String, handler: @escaping((Data) -> Void)) {
    let cacheURL = fileManager.urls(for: .cachesDirectory, in: .userDomainMask).first!
    let imageSavingPath = cacheURL.appendingPathComponent(URL(string: url)!.lastPathComponent)

    // 2. 아래 줄 코드의 existFile이 체크되고 handler가 실행됨
    if let imageData = existFile(at: imageSavingPath) {
        handler(imageData)
    } else {
        URLSession.shared.downloadTask(with: URL(string: url)!) { (tmpLocation, response, error) in
          // do something...
        }.resume()
    }
}

2018.07.27

• 스토어앱 7단계 진행
  • UINavigationController 델리게이트 공부 (상세화면에서 일어나는 액션에 따라 델리게이트 메소드 연결)
  • 스크롤뷰 공부
  • 상품 상세 정보 받아오는 모델 객체 설계
  • HTTP & Network Basic 책 읽어보기

2018.07.28

• 부스트코스 날씨앱 화면 구현 미션
• NSDataAsset: 에셋 카탈로그에서 자료를 가져올때 사용하는 데이터타입
  • NSDataAsset 개발자문서