메인화면의 레이아웃 개발 기록은 아래로!

메인화면에서의 UICollectionViewCompositionalLayout

1. UICollectionView 기초

https://developer.apple.com/library/archive/documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/CollectionViewBasics/CollectionViewBasics.html#//apple_ref/doc/uid/TP40012334-CH2-SW1

<aside> 💡

UICollectionView 관련 객체들의 협력

컬렉션 뷰와 관련된 핵심 객체들 간의 관계

컬렉션 뷰와 관련된 핵심 객체들 간의 관계

2. UICollectionViewCompositionalLayout

https://developer.apple.com/documentation/uikit/uicollectionviewcompositionallayout https://developer.apple.com/documentation/uikit/nscollectionlayoutitem

https://techblog.gccompany.co.kr/compositional-layout과-diffable-datasource로-홈-리팩토링하기-d80ac0d11edd

정의

UICollectionViewCompositionalLayout은 이름 그대로, CollectionView의 Layout의 한 종류이다. 빠르고 유연하고 복잡한 컬렉션 뷰를 구현할 수 있도록 해준다.

구성

Compositional Layout은 Item, Group, Section으로 구성되어 있다.

image.png

NSCollectionLayoutItem

제공하고자 하는 데이터의 가장 작은 단위를 의미한다.

또한 아이템은 컬렉션 뷰에서 개별 컨텐츠의 크기를 조장하고, 간격을 설정하며, 배열하는 청사진이다. 아이템은 화면에 렌더링되는 단일 뷰를 나타낸다. 일반적으로 아이템은 셀이지만, 헤더, 푸터, 기타 데코레이션 뷰와 같은 supplementaryView가 될 수도 있다.

아이템이 크기를 지정하는 방법