[ iOS 시행착오 ] CollectionView 데이터 업데이트하기 (Performing reloadData as a fallback — Invalid update)

 

 

👩‍💻배경👩‍💻

CollectionView를 사용하면 cell 삭제, 추가, 변경 등 다양한 이유로 데이터를 업데이트해야 한다. 그때 reloadData, reloadSection, deletedItem, insertItem 등 데이터 변경 관련하여 CollectionView의 레이아웃을 업데이트해주는 메서드를 사용한다.

 

 

 

 

유효하지 않은 업데이트

[UICollectionView] Performing reloadData as a fallback — Invalid update: invalid number of items in section 0. ...

deleteItem 메서드를 사용해 CollectionView를 업데이트하려 하는데 위와 같은 오류가 발생하고 collectionView에 어떠한 변화도 없었다. 그래서 오류 메세지를 잘 읽어봤다.

• 폴백으로 reloadData 수행 -  유효하지 않은 업데이트: 섹션 0의 유효하지 않은 아이템의 개수
• 업데이트 후 기존 섹션의 아이템 수는 업데이트 전 해당 섹션의 아이템 수와 같아야한다. 😟

업데이트 전후로 섹션의 아이템 수가 같아야 한다는데 이 부분에 대해서는 문제를 해결한 후에도 잘 이해가 안 간다. 어쨌든 오류메세지는 섹션의 아이템 수에 문제가 있으며 대신 reloadData를 수행해 다시 CollectionView를 구성했다고 한다. 

 

데이터를 UserDefaults에 넣어 관리했기 때문에 당연히 UserDefaults의 값도 다 변경한 후 업데이트 메서드를 사용했다. 그래서 아이템의 개수에는 문제가 없다고 생각했다. 하지만  여기서 실수가 있었다.

 

 

 

 

CollectionView를 업데이트할 때 호출되는 메서드들

CollectionView의 생성될 때에는 여러 메서드들이 호출된다. 먼저 func numberOfSections(in: UICollectionView)이 호출되어 섹션의 개수를 설정하고 그 후 각 섹션의 아이템 수를 알기 위해 func collectionView(UICollectionView, numberOfItemsInSection: Int)가 호출된다. 그리고 각 아이템의 cell을 구성하는 func collectionView(UICollectionView, cellForItemAt: IndexPath) 가 호출된다. 

업데이트할 때도 어쨌든 collectionView를 구성하는 것이니깐 위와 같은 과정이 동일하게 발생한다. (deleteItem의 경우 그저 특정 아이템을 지우는 것이기 때문에 아이템의 cell이 다시 생성되지 않는다. 즉, cellForItemAt 메서드가 호출되지 않는다.) 따라서 위 세 개의 메서드를 잘 보면 문제를 해결할 수 있을 것 같았다.(구글링도 도움이 되었다)

 

 

 

 

실수 발견!

 

앞서 말했듯이 나는 UserDefaults에 데이터를 저장하고 있었다. 따라서 UserDefaults의 데이터 업데이트만 생각했다..

해당 화면을 만들면서 섹션을 2개로 나눠 CollectionView를 구성했기 때문에 효율적이며 직관적으로 코드가 보이길 바라 UserDefaults에서 꺼내 데이터를 따로 데이터 모델을 만들어 Array 변수를 생성했었다. 그리고 이 변수로 CollectionView를 구성했다. 근데 이 Array 변수의 값을 업데이트하지 않아서 아이템 개수에 오류가 발생했던 것이다😫

해당 Array 변수의 값도 같이 업데이트하니 아주 잘 작동했다ㅎㅎ

 

 

 

 

 

마무리

약간 허무한 결말이라 생각이 됐지만 이렇게 블로그에 정리하면서 이 시행착오로 배운 내용이 많다는 걸 느꼈다. 오류해결을 위해 한 정보만을 검색하고 공부한게 아니기 때문에 프로그래밍에 도움이 될 만한 여러 아이디어도 얻고 사용해보지 않았던 메서드들도 접할 수 있었다. 역시 의미없는 공부는 없다.

• deleteItem, insertItem 등을 사용하려다 오류가 나면 reloadData가 호출된다.
• deleteItem은 코드 순서와 상관없이 insetItem보다 먼저 작동된다.
• 여러 개의 아이템 변화를 동시에 애니메이션 구현하고자 할 때 performBatchUpdates(_:completion:) 메서드를 사용하면 좋다.
• CollectionView 업데이트는 새 CollectionView 구성하는 것과 동일한 과정을 거친다.
• 특히 reloadData는 아이템의 cell까지 모두 새로 만들기 때문에 만약 데이터가 많다면 UI 구성에 오랜 시간이 걸릴 것 같다. 따라서 효율적으로 사용해야한다.
• item을 delete, insert, move 하는 것은 cell을 새로 만들지 않는다.
• 서버에서 섹션 별로 데이터를 받아와 reloadSection를 사용하면 데이터 전달을 오래 기다리지 않아도 되고 reloadData를 여러 번 호출하지 않아도 된다.
• CollectionView를 구성할 때 사용되는 Array를 잘 보자🧚🏻‍♀️
• 데이터 구조를 복잡하지 않게 구성하자.

화면과 데이터가 점점 많아지고 복잡해지면서 효율과 깔끔한 코드에 대해 생각해보지 않을 수 없다.. 

UserDefaults를 사용하고 있지만 많은 양의 데이터를 UserDefaults에 저장하는 건 사실 그 클래스 목적에 맞지 않다. 따라서 Core Data로 옮길 생각을 하고 있는데 이와 함께 데이터 구조도 정리해야할 것 같다.