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

1. UICollectionViewCompositionalLayout - 개념 (section, group, item) 2. UICollectionViewCompositionalLayout - 개념 SupplementaryView, Header, Footer) 3. UICollectionViewCompositionalLayout - 개념 (DecorationView, Badge) 4. UICollectionViewCompositionalLayout - 개념 (orthogonalScrollingBehavior, 수평 스크롤, visibleItemsInvalidationHandler) 5. UICollectionViewCompositionalLayout - 응용 (유튜브 뮤직 앱 레이아웃 구현) 가장 중요한..

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

준비 코드로 UI를 편리하게 작성하기 위해서 Then, SnapKit 프레임워크 설치 pod 'Then' pod 'SnapKit'​ pod 'Reusable' 사용 방법 의존성 도구 없이 DragDropCollectionView 파일을 복사 붙여넣기하여 사용 (아래 github에 명시) DragDropCollectionView.swift을 리펙토링하여 아래처럼 사용 // // DragDropCollectionView.swift // DragDrop // // Created by Lior Neu-ner on 2014/12/30. // Copyright (c) 2014 LiorN. All rights reserved. // 3rd test for git submodule //Just testing git s..

CollectionView의 연산 3가지 insert, move, delete 3가지 연산의 dicussion에 모두 performBatchUpdates를 사용하여 각 연산의 변경을 동시에 animate를 줄 수 있는 방법 performBatchUpdates(_:completion:) 여러개의 변경 후 completion 블럭을 사용할 수 있기 때문에 사용 코드의 순서에 상관 없이 insert 연산전에 delete 연산이 수행됨을 주의 > 삭제 후 index값 기준으로 index가 처리되므로 주의 performBatchUpdates(_:completion:) 사용 collectionView 준비 class ViewController: UIViewController { // Views lazy var co..

1. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout 2. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout을 이용한 CarouselView (수평 스크롤 뷰) 3. CollectionView (컬렉션 뷰) - custom layout (grid, pinterest 레이아웃 구현) 4. CollectionView (컬렉션 뷰) -실전 사용 방법 (FlowLayout, CustomLayout, binary search, cache) CollectionView와 UICollectionViewLayout 개념 포인트 prepare: 레이아웃 작업이 발생하려고 할 때 UIKit이 해당 메서드 호출 collectionViewC..

1. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout 2. CollectionView (컬렉션 뷰) - UICollectionViewFlowLayout을 이용한 CarouselView (수평 스크롤 뷰) 3. CollectionView (컬렉션 뷰) - custom layout (grid, pinterest 레이아웃 구현) 4. CollectionView (컬렉션 뷰) -실전 사용 방법 (FlowLayout, CustomLayout, binary search, cache) CollectionView에 사용될 mock data 준비 struct CollectionViewData { static let data = ["1", "2", "3", "4", "5", "..

1. Collection View생성 1) collection view를 생성한 후, 위에 표현할 아이템(UILabel) 생성 2) 해당 ViewController를 UIViewContoller를 상속받은 클래스와 연결하고, Collection Cell의 id를 "cell"로 설정 3) 연결된 클래스에 collectionView변수로 연결 및 delegate설정 class ViewController: UIViewController { var list = ["1", "2", "3", "4" ,"5", "6", "7", "8", "9", "10"] @IBOutlet var collectionView: UICollectionView! override func viewDidLoad() { super.viewDi..