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

1. FlexLayout과 PinLayout 사용 방법 - UIStackView 개선, 속도 향상, 기능 추가, 선언형 2. FlexLayout과 PinLayout 사용 방법 - 여백(margin, padding), 특정 뷰(Cell, scrollView), 기타(grow, shrink) 3. FlexLayout과 PinLayout 사용 방법 - 특정 뷰(Cell, scrollView), 기타(grow, shrink) FlexLayout 이란? UIKit의 UIStackView를 개선한 컴포넌트 (속도 향상, 기능 추가, 선언형) PinLayout과 같이 사용 FlexLayout은 UIStackView처럼 axis를 정하고, alignment, distribution을 설정하여 UIStackView와 동..

1. UI 성능 분석 - Render Loop 이해하기 (Commit, Layout, Display, Prepare, Commit)

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..

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 * 미리 알아야 하는 개념) 코드로 UI 구현 시, SnapKit 기본 사용 방법 버튼 길이 감소 애니메이션 SnapKit의 Constraint 타입의 프로퍼티를 저장해놓고, 버튼 탭 시 constraint.update하여 레이아웃 ..

1. Autolayout 고급 (with SnapKit) - Hugging, Compression, priority 개념 2. Autolayout 고급 (with SnapKit) - remakeConstraints, multipliedBy, dividedBy 3. Autolayout 고급 (with SnapKit) - Constraint 프로퍼티를 사용한 단순한 animation 구현 4. Autolayout 고급 (with SnapKit) - Stretchy 레이아웃 구현 미리 알아야하는 내용 intrinsicContentSize 개념: https://ios-development.tistory.com/647 (코드로 UI 구현 시) SnapKit 프레임워크 사용: https://ios-developme..

1. Diffable Data Source - UITableViewDiffableDataSource (테이블 뷰) 2. Diffable Data Source - UICollectionViewDiffableDataSource (컬렉션 뷰) UICollectionViewDiffableDataSource TableView에서의 Diffable Data Source와 같은 원리로 iOS 13+부터 사용가능 개념은 TableView에서의 Diffable Data Source를 참고하고, 아래에서는 예제 코드로 확인 UICollectionViewCompositionalLayout UICollectionViewLayout의 서브클래스이며 compositinoal하게 레이아웃을 쉽게 적용하기 위해서 등장 개념 - co..

가장 중요한 차이 : frame은 자기자신의 view를 이동, bouds는 subview들을 반대방향으로 이동 1. frame The frame rectangle, which describes the view’s location and size in its superview’s coordinate system. 즉, super view를 기준으로 해당 뷰의 크기나 위치를 표현하는 것 - size는 view를 감싸는 크기를 정의(회전시, view의 크기는 동일할 것이지만 size는 커짐) ex) let vc = UIViewController() vc.view.backgroundColor = .darkGray let view1 = UIView() view1.backgroundColor = .green vie..