[ios_Swift] Team Project, CollectionView 구현

이번 팀 프로젝트(UhTube) 에서 메인페이지를 맡게 되었는데 콜렉트 뷰를 구현하는게 핵심이었다.

1)
콜렉션 뷰를 구현하기 위해 먼저 스토리보드의 뷰컨트롤러에 콜렉션뷰를 추가해주고 셀 안에 원하는 구성을 추가해준다.

2)
그 후 새로 파일을 만들어서 콜렉션뷰의 셀을 연결할 class collectionViewCell 을 만들어주고 콜렉션뷰 셀의 클래스를 collectionViewCell로 지정해준 후 셀의 내용들(imageView, Label)을 segue를 이용하여 class collectionViewCell 로 연결해줬다.

3)
콜렉션뷰 셀에 들어갈 이미지와 텍스트들을 배열에 담아주고 아래와 같이 코드를 추가했다.
프로토콜인 UICollectionViewDataSource 와 UICollectionViewDelegate 은 가장 위쪽에 선언된 class ViewController에 추가해도 되지만 코드 가독성을 위해 extension 을 이용하여 분리했다.

4)
UICollectionViewDataSource 에 대한 세부코드들을 추가해준다.

5)
그 아래로 이미지와 텍스트 어레이를 스토리뷰의 콜렉션뷰 셀안의 이미지와 라벨에 연결해주고 세부적인 부분들을 설정해준다. 그리고 마지막으로 셀이 리턴되도록 추가해준다.

6)
마지막으로 레이아웃에 대한 세부설정을 extension으로 추가해주고 ViewDidLoad에 콜렉션뷰에 레이아웃 반영을 위한 코드를 추가한다.

콜렉션 뷰를 이용한 간단한 화면이 완성되었다.