[iOS] AutoLayout - Constraints, AutoLayout Engine, Size Classes, Interface Builder

UI 컴포넌트의 위치를 설정하는 AutoLayout 개념에 대해 알아봅니다. 

---

Constraints

Autolayout의 핵심 개념으로, 뷰와 뷰 사이의 관계를 나타낸다. 

뷰의 위치와 크기를 결정하고, 뷰의 상대적인 위치를 설정하는데 사용

 

 

 

※ Add New Aligment Constraints 와 Add New Constrains 차이점

         * Alignment Constraints -  말 그대로 정렬을 통해 뷰의 제약을 설정

         * Constraints: 넓은 개념의 제약. 상하좌우 영역을 지정해 뷰의 제약을 설정

 

 

AutoLayout Engine

제약 조건을 기반으로 뷰의 최종 위치와 크기를 계산 → 다양한 화면 크기와 방향에 대응할 수 있는 UI 구현

 

Size Classes

화면 크기와 방향에 따른 뷰의 레이아웃을 관리하는 기능

Compact와 Regular 두 가지 사이즈 클래스를 조합하여 다양한 화면 크기와 방향에 대응할 수 있는 레이아웃을 구성

 

 

Interface Builder(Storyboard)

 Autolayout을 사용하여 UI를 시각적으로 디자인할 수 있는 툴

제약 조건을 추가, 수정, 삭제하는 것이 가능하며, 뷰의 레이아웃을 실시간으로 확인