김종권의 iOS 앱 개발 알아가기

1. UICollectionViewCompositionalLayout - 개념 (section, group, item) 2. UICollectionViewCompositionalLayout - 둘러보기1 (SupplementaryView, Header, Footer) 3. UICollectionViewCompositionalLayout - 둘러보기2 (DecorationView, Badge, NSCollectionLayoutAnchor) 4. UICollectionViewCompositionalLayout - 개념 (orthogonalScrollingBehavior, 수평 스크롤, visibleItemsInvalidationHandler, NSCollectionLayoutAnchor) 5. UIColle..

1. UICollectionViewCompositionalLayout - 개념 (section, group, item) 2. UICollectionViewCompositionalLayout - 둘러보기1 (SupplementaryView, Header, Footer) 3. UICollectionViewCompositionalLayout - 개념 (DecorationView, Badge) 4. UICollectionViewCompositionalLayout - 개념 (orthogonalScrollingBehavior, 수평 스크롤, visibleItemsInvalidationHandler, NSCollectionLayoutAnchor) 5. UICollectionViewCompositionalLayout ..

1. UICollectionViewCompositionalLayout - 개념 (section, group, item) 2. UICollectionViewCompositionalLayout - 개념 SupplementaryView, Header, Footer) 3. UICollectionViewCompositionalLayout - 개념 (DecorationView, Badge) 4. UICollectionViewCompositionalLayout - 개념 (orthogonalScrollingBehavior, 수평 스크롤, visibleItemsInvalidationHandler) 5. UICollectionViewCompositionalLayout - 응용 (유튜브 뮤직 앱 UI 구현) Composit..

intrinsicContentSize intrinsicContentSize UILabel과 같은 UI에는 본질적인 크기와, 프레임 크기가 존재하는데 이 때 본질적인 크기를 의미 intrinsicContentSize를 가지고 있는 UI와 가지고 있지 않는것들로 분류 ex) UILabel은 intrinsicContentSize가 자동으로 불리는 형태 3초후에 text를 입력하고, 화면에 잘리지 않고 길이만큼 content가 표시되는지 테스트 override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated) DispatchQueue.main.asyncAfter(deadline: .now() + 3) { self.nameLabel.text..

UITableViewCell, UICollectionViewCell에서의 highlighted 애니메이션 가장 쉽게 접근하기위해서 Cell에서 highlighted가 트리거 될 때, cell 속성에 배경색이나 이미지를 바꾸는 등을 할 수 있지만 cell은 UIButton과 다르게 highlighted의 값이 true, false가 빠르게 바뀌어, 적용이 안되는 것처럼 보이는 문제가 존재 아래처럼 셀을 탭할 때 highlighted 애니메이션이 안들어간것처럼 보이는 현상 존재 (길게 누르고 있어야 highlighted 확인 가능) // in MyTableViewCell override func setHighlighted(_ highlighted: Bool, animated: Bool) { super.set..

1. UICollectionView의 SupplementaryView(HeaderView, FooterView, UICollectionReusableView) 2. UICollectionView의 DecorationView, SupplementaryView 커스텀 CollectionViewFlowLayout DecorationView 이란? collectionView에 Cell에 의존하지 않고 별도로 추가할 수 있는 뷰 DecorationView 전용 뷰를 따로 만든 후, register()해서 사용 UICollectionViewLayout에서 register()가 가능하므로, UICollectionViewFlowLayout이나 UICollectionViewLayout을 상속받아서 구현 prepare()..

1. UICollectionView의 SupplementaryView(HeaderView, FooterView, UICollectionReusableView) 2. UICollectionView의 DecorationView, SupplementaryView 커스텀 Layout SupplementaryView 개념 SupplementaryView는 UITableView에서의 Header와 Footer와 동일한 개념 Section 하나에 위 or 아래에 위치하는 뷰 * 아래부터 예시 코드들은 UI들을 편리하게 작성하기 위해 아래 프레임워크 사용 pod 'SnapKit' pod 'Then' SupplementaryView에 사용할 커스텀뷰 UITableView에서는 HeaderView or FoorterVie..

Section을 사용하는 기준 분류 - TableView / Section / Cell -> Cell들은 서로 연관되어 있는지? 연관이 적으면 Section으로 나누기 -> Section들은 표현하려는 방향이 같은지? 표현하려는 방향이 같으면 하나의 TableView에 표현 Section을 한 개만 사용 vs Section을 여러개 사용 아래처럼 아이폰에 설치되어 있는 Setting앱을 보면, 하나의 TableView안에 Section이 여러개로 나누어져 있는 패턴 Section의 개념? Section은 하나의 TableView 안에서 데이터의 성격을 분류할 때 사용하는 것 Cell은 같은것을 쓸지라도 성격에 따라 Section을 나누어서 사용할 것 (Cell만 적용하다가 Cell끼리의 성격이 달라진다 ..