[iOS/Swift] 오토레이아웃 용어 정리

Leading:
요소의 왼쪽 가장자리를 의미합니다. 주로 왼쪽에서 다른 요소나 부모 뷰에 대한 제약 조건을 설정할 때 사용됩니다.

사용 예시: element.leading.equalToSuperview().offset(16)은 요소의 왼쪽 가장자리를 부모 뷰의 왼쪽에서 16 포인트 떨어뜨립니다.

Trailing:
설명: 요소의 오른쪽 가장자리를 의미합니다. 주로 오른쪽에서 다른 요소나 부모 뷰에 대한 제약 조건을 설정할 때 사용됩니다.

사용 예시: element.trailing.equalToSuperview().inset(16)은 요소의 오른쪽 가장자리를 부모 뷰의 오른쪽에서 16 포인트 안쪽으로 떨어뜨립니다.

Top:
설명: 요소의 상단 가장자리를 의미합니다. 주로 위쪽에서 다른 요소나 부모 뷰에 대한 제약 조건을 설정할 때 사용됩니다.

사용 예시: element.top.equalToSuperview().offset(20)은 요소의 상단 가장자리를 부모 뷰의 상단에서 20 포인트 떨어뜨립니다.

Bottom:
설명: 요소의 하단 가장자리를 의미합니다. 주로 아래쪽에서 다른 요소나 부모 뷰에 대한 제약 조건을 설정할 때 사용됩니다.

사용 예시: element.bottom.equalToSuperview().inset(20)은 요소의 하단 가장자리를 부모 뷰의 하단에서 20 포인트 안쪽으로 떨어뜨립니다.

CenterX:
설명: 요소의 수평 중심을 의미합니다. 요소의 중심이 다른 요소나 부모 뷰의 수평 중심과 같도록 설정할 때 사용됩니다.

사용 예시: element.centerX.equalToSuperview()은 요소의 수평 중심을 부모 뷰의 수평 중심과 맞춥니다.

CenterY:
설명: 요소의 수직 중심을 의미합니다. 요소의 중심이 다른 요소나 부모 뷰의 수직 중심과 같도록 설정할 때 사용됩니다.

사용 예시: element.centerY.equalToSuperview()은 요소의 수직 중심을 부모 뷰의 수직 중심과 맞춥니다.

Width:
설명: 요소의 너비를 의미합니다. 요소의 너비를 특정 값이나 다른 요소의 너비와 같게 설정할 때 사용됩니다.

사용 예시: element.width.equalTo(100)은 요소의 너비를 100 포인트로 설정합니다.

Height:
설명: 요소의 높이를 의미합니다. 요소의 높이를 특정 값이나 다른 요소의 높이와 같게 설정할 때 사용됩니다.

사용 예시: element.height.equalTo(50)은 요소의 높이를 50 포인트로 설정합니다.

Edges:
설명: 요소의 모든 가장자리(상단, 하단, 왼쪽, 오른쪽)를 의미합니다. 모든 가장자리를 한 번에 설정할 때 사용됩니다.

사용 예시: element.edges.equalToSuperview().inset(10)은 요소의 모든 가장자리를 부모 뷰의 가장자리에서 10 포인트 안쪽으로 떨어뜨립니다.

Leading and Trailing vs. Left and Right:
설명: leading과 trailing은 언어 방향성을 고려한 레이아웃 설정을 의미합니다. left와 right는 절대적인 방향을 의미합니다.

사용 예시: 왼쪽에서 오른쪽으로 읽는 언어의 경우 leading은 왼쪽을 의미하고, 오른쪽에서 왼쪽으로 읽는 언어의 경우 leading은 오른쪽을 의미합니다.