- 앱개발
- 스위프트
- Swift
- Combine+UIKit
- Split View
- 디자인패턴
- IOS
- Apple
- UILabel
- 애플
- CollectionView
- iPad
- DiffableDataSource
- Human Interface Guidelines
- LanguageGuide
- Accessibility
- Keychain
- lineBreakMode
- 전달인자 레이블
- TOSS
- GOF
- lineBreakStrategy
- github
- 애플사이다
- iTerm
- HIG
- orthogonalScrollingBehavior
- WWDC
- UIKit
- 야곰아카데미
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- Today
- Total
목록CollectionView (6)
애플사이다의 iOS 개발 일지
[CollectionView] 배너 하단에 PageControl 구현 - FooterView에 넣기
저번 포스팅 [CollectionView] Diffable DataSource 이해하기 (3/3) - 상품 배너/목록/상세 화면을 구현한 예제코드에서 이미 다뤘지만, 글이 너무 길어져서 이 부분만 따로 포스팅하려고 한다. 아래 화면처럼 배너 하단에 PageControl을 구현해보자. 배너를 왼쪽 오른쪽으로 Scroll 하면, PageControl이 바뀌는 것을 볼 수 있다. 이번 예제코드에서는 CompositionalLayout, orthogonalScrollingBehavior, PageControl, RxSwift를 활용했다. 첫째, 배너를 Horizontal Scroll할 때 화면에 보이는 "현재 페이지 index"를 PageControl에 전달하는 작업, 그리고 둘째, PageControl의 위치..
[CollectionView] estimatedHeight 사용 시 is stuck in its update/layout loop 에러 발생
CollectionView의 CompositionalLayout에서 estimatedHeight를 사용해봤다. Item / Group의 크기를 고정하지 않고, Cell 내부 컨텐츠의 높이를 알아서 계산하여 반영해주므로 매우 유용하다. *예제코드는 [CollectionView] Diffable DataSource 이해하기 (3/3) - 상품 배너/목록/상세 화면을 구현한 예제코드 포스트를 참고 그런데 약 iOS 15.0~15.3에서crash가 발생했다. 에러 문구는 아래와 같다. is stuck in its update/layout loop. This can happen for many reasons, including self-sizing views whose preferred attributes ar..
[CollectionView] Diffable DataSource 이해하기 (3/3) - 상품 배너/목록/상세 화면을 구현한 예제코드
DiffableData을 처음 들어봤다면, [CollectionView] Diffable DataSource 이해하기 (1/3) - Advances in UI Data Sources (WWDC19) 포스팅을 참고 [CollectionView] Diffable DataSource 이해하기 (2/3) - 흔히 하는 실수, Modern Collection Views 예제코드 포스팅을 참고 orthogonalScrollingBehavior을 처음 들어봤다면, [CollectionView] Section마다 다른 Scroll Direction 설정하기, Carousel Paging 구현하기 (feat. AppStore) 포스팅을 참고 이전 포스팅에서 다룬 내용을 써먹어보자. CollectionView의 Diffa..
[CollectionView] Section마다 다른 Scroll Direction 설정하기, Carousel Paging 구현하기 (feat. AppStore) - orthogonalScrollingBehavior
아래의 AppStore처럼 화면을 구현하려면 어떻게 할까? 일반적인 E-commerce 앱에서도 "상품 배너"와 "상품 목록" 화면을 이런 형태로 구현한 것을 자주 볼 수 있다. 화면을 살펴보면 ✅ 맨 위의 Section은 Horizontal Scroll을, 그 아래 Section들은 Vertical Scroll을 하도록 되어있다. 즉, 동일한 CollectionView 내에서 "Section마다 Scroll Direction을 다르게" 지정하고 있다. 그리고 ✅ Horizontal Scroll을 할 때, Cell이 한 칸씩 일정하게 움직이고, 양옆의 Item이 살짝 보인다. 이렇게 Cell이 한 칸씩 일정하게 Scroll되는 화면을 뭐라고 부를까? Paging, Pagination, Carousel P..
[CollectionView] Diffable DataSource 이해하기 (2/3) - 흔히 하는 실수, Modern Collection Views 예제 코드
저번에는 [CollectionView] Diffable DataSource 이해하기 (1/3) - Advances in UI Data Sources (WWDC19) 포스팅에서 Diffable DataSource의 장점과 기초 개념을 알아봤다. 이번에는 Implementing Modern Collection Views 예제 코드를 보면서 이해도를 높여보자. 흔히 하는 실수-1 Diffable DataSource는 간단해 보이지만 막상 써보면 막히는 부분이 있는데, 보통 프로젝트에서는 여러 종류의 Section을 사용하거나, 여러 종류의 Custom Cell을 쓰기 때문인 것 같다. 특히 처음 사용할 때 가장 흔히 발생하는 문제가 ❗ "여러 Section에 동일한 Item을 반영하는 것" 때문이다. 이 경..
[CollectionView] Diffable DataSource 이해하기 (1/3) - Advances in UI Data Sources (WWDC19)
CollectionView / TableView와 관련해서 "Diffable DataSource" 개념이 등장했다. 러닝커브가 조금 있는 내용이라 포스팅을 남기려고 한다. ✏️ 새로운 기술을 습득하기 가장 좋은 방법은 Apple이 만든 WWDC 영상을 보는 것이다. UIKit 담당 팀에서 직접 기술이 등장한 배경, 활용 방법에 대해 짜임새 있게 소개하기 때문이다. 그다음엔 공식문서의 예제를 따라 하면서 직접 View를 그려보면 된다. Diffable DataSource가 뭔지 간단히 정리하고, WWDC 세션 내용을 살펴보자. Diffable DataSource란? Diffable = Different + Ability Diffable은 "달라질 수 있는 능력이 있다"는 뜻이다. CollectionView..