[UIKit] PinLayout, FlexLayout

1. PinLayout, FlexLayout

도입 배경

선언형 UI 레이아웃 작성 도구
- 차후 SwiftUI를 메인 스택으로 iOS 개발할 때, 대비할 수 있다.
  - 선언적 Syntex에 적응할 수 있다.
우수한 성능
- 기존 UIStackView 대비 8~ 12배 이상 빠른 성능
- X축(Cell의 개수)가 증가할 수록 압도적인 퍼포먼스 차이를 보임

성능의 이점이 발생하는 이유

Autolayout의 렌더링 과정
1. 수집: 제약 조건을 수집하고 해석
2. 계산: Cassowary 알고리즘을 사용해 이들 제약 조건을 만족하는 뷰의 크기와 위치를 계산
3. 적용: 계산된 위치와 크기 정보를 바탕으로 뷰 렌더링
Pinlayout/Flexlayout의 렌더링 과정
1. 계산: 직접적인 계산을 통해 위치와 크기 계산
2. 적용: 계산된 위치와 크기 정보를 바탕으로 뷰 렌더링

핵심은 계산 복잡도 감소이다. Pinlayout/Flexlayout은 제약 조건을 수집하고 이를 선형 방정식으로 계산하는 과정 대신 더 간단하고 직접적인 계산을 통해 성능상 이점을 가진다.

Pinlayout/Flexlayout은 복잡한 제약 조건 시스템을 해석하고 해결하는 대신, 개발자가 지정한 규칙을 바탕으로 직접 요소의 크기와 위치를 계산한다. 즉, 해석의 과정이 생략된다.

특히, 동적으로 UI의 변화가 잦은 모바일 환경에서 유용하다.

Pinlayout