패스트캠퍼스 챌린지 23일차

이제 원피스 랭킹앱을 향상시켜보겠습니다.

 

현재 원피스 랭킹앱은 한 행에 하나의 현상금만 보여주고 있습니다.

이것을 하나의 행에서 여러개의 현상금을 보여줄 수 있도록 수정하려고 합니다.

 

이럴때는 어떻게 해야할까요?

바로 콜렉션뷰를 사용해서 보여줍니다.

 

콜렉션뷰는 데이터의 나열을 테이블뷰처럼 세로로만 하는 것이 아니라 가로로 할지, 세로로 할지도 정할 수 있습니다.

이렇게 콜렉션뷰의 레이아웃은 자유롭기 때문에 이것을 레이아웃을 관리하는 객체가 필요합니다.

이것이 UICollectionViewFlowLayout입니다.

 

그래서 콜렉션뷰를 구현하기 위해서 UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout 3가지 프로토콜을 사용하여 만들어줍니다.

 

흠...

맨 콜렉션뷰의 레이아웃을 관리하는 객체는 UICollectionViewFlowLayout인데, 구현해야하는 것은 UICollectionViewDelegateFlowLayout이라...

찾아보니 콜렉션뷰의 화면구성은 UICollectionViewFlowLayout이 관리하는데, 이 객체는 UICollectionViewDelegateFlowLayout프로토콜을 준수하여 작성되는 것 같습니다.

여기서 관리하는 것은 셀 간격이나, 크기등을 설정하는데 선택사항입니다.

 

여기까지 하고 실행했는데, 강의에서는 한줄로 나열되는데 저는 2열로 목표한대로 나열됩니다.

아마 강의에서는 11pro로 실행했고, 저는 스토리보드와 같은 11로 실행한 차이 같습니다.

그런데 11pro가 더 커서 11pro로 2열로 나와야하지 않나?

찾아보니 11은 6.1인치, 11pro는 5.8인치로 11이 더 크네요. 상위모델인데도 사이즈가 작은 이유는 디스플레이 자체가 달라서 pro가 더 좋은 디스플레이를 사용하기 때문에 작은 사이즈로 만들어졌다고 합니다.

 

 

실습사진 1

실습사진 1처럼 저는 제대로 나옵니다. 사이즈로 인한 차이

 

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

https://bit.ly/3FVdhDa

수강료 100% 환급 챌린지 | 패스트캠퍼스

 

#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #iOS앱개발올인원패키지Online.