[UIKit] UICollectionView, UITableView (공통점과 차이점, 언제 어떻게 사용해야할까)

UIKit으로 완전 처음 뷰를 만들어야할 때, list를 어떻게 만들어야할지 많은 고민을 했다. 과연 TableView로 해야할까, collectionView로 해야할까? 완전 쌩초보이기 때문에 어떤 상황에서 무엇을 써야하는지 잘 몰랐었기 때문에 정리했다!

 

---

🟣 공통점

• 둘 다 cell 을 기반으로 여러 데이터를 표현할 수 있는 View
• UIScrollView를 상속받는 클래스

 

🟣 차이점

👾 UITableView

• UITableView는 한 개의 열과, 여러개의 행을 가지기 때문에 정보를 ‘행'으로만 나열해서 보여준다.(1차원) 그래서 수직으로만 스크롤이 가능하다.
• Cell은 기본적으로 제공되는 스타일이 존재한다.
• 간단한 목록으로 데이터를 표현할 때 주로 사용된다.

 

👾 UICollectionView

• UICollectionView는 테이블뷰에서 가진 기능을 전부 가지고, 여러 열과 여러개의 행을 가질 수 있어서 수직/수평 스크롤이 모두 가능하다. (2차원)
• 기본적으로 제공되는 Cell의 스타일이 없다.
  • 하나의 열에 여러개의 cell을 표현하는 방식이기 때문에 cell 모양은 row에 맞춰서 디자인해야 한다.
• 데이터 표현방식을 다양한 모습으로 커스터마이징이 가능하다.
  • UICollectionViewDelegateFlowLayout을 통해 본인이 원하는 모양으로 레이아웃을 커스텀해서 사용 가능하다.

 

🟣 언제 무엇을 사용해야하나?

UX적인 측면에서 고려하면 될 것 같다. UICollectionView는 커스텀이 가능하기 때문에 다양한 UX를 제공할 수 있다. 예시를 보면

출처 -  http://labs.brandi.co.kr/2018/05/02/kimjh.html

이 사진만 봐도 같은 데이터를 표현하더라도 cell의 디자인 방식에 따라 UX가 달라지는 것을 볼 수 있다.

구현해야할 목록이나 보여주어야할 데이터가 얼마나 복잡한지에 따라 적절히 선택해야할 것 같다. 테이블뷰는 단편적인 정보를 담은 리스트를 구현할 수 있고, 컬렉션뷰는 특정한 모습으로 커스텀한 목록을 만들어서 보여줄 수 있다.