[개발일지/알러지키미] #5. CollectionView로 Tag List 구현하기

 

3월 13일 (수)

Iteration 2 中 3일 차

 

 

 

Tag List 구현하기

 

오늘은 온보딩 화면을 구성하면서 Tag List를 구현했다.

이전에 미리알림 앱을 구현하면서 태그 추가뷰에서 이 뷰를 어떻게 구현해야할지 갈피를 못잡앗었는데,

이번 앱을 구현하면서 이 기능이 Tag List임을 알게됐다.

 

 

이 Tag List를 구현하는데 UICollectionViewFlowLayout를 사용했다.

UICollectionViewFlowLayout를 상속시켜 LeftAlignedCollectionViewFlowLayout 클래스를 생성했다.

이 클래스는 컬렉션 뷰 아이템들을 왼쪽 정렬로 배치하는 레이아웃을 구현했다.

레이아웃 속성을 반환하는 layoutAttributesForElements(in:) 메서드를

오버라이드해 왼쪽 정렬이 되도록 했다.

 

이 클래스를 collectionView의 레이아웃을 만드는데 적용했다.

 

 

앱 컨셉 컬러 설정

그리고 알러지 식품에 관한 상징색이

Teal인 점을 생각해서 악센트 컬러 에셋에 적용했다!

 

 

---

 

 

오늘 한 일

컬러 에셋 설정

Tag List CollectionView 구현

UIViewController+Extension 파일에 KeyboardHide 액션 추가

 

 

궁금한 지점

나는 에셋 자체에 HEX 지정 및 네이밍을 하는 편인데,

다른 사람들의 코드를 보니 따로 Color에 대한 파일을 만들어서

색상을 지정하는 것을 보았다.

일반적으로는 어떤 방법이 더 흔한지 궁금하다.

 

 

느낀점

기능 구현을 위해서는 검색도 중요한데,

이때 적절한 키워드를 찾아서 검색하는 것이 무척이나 중요하나 느껴진다.

출시를 마친 뒤, 마저 못한 클론코딩을 해야겠다고 생각했다.