[iOS] leading, trailing과 left, right

leading, trailing과 left, right의 차이점이 무엇일까?

 

Apple은 공식적으로 left/right constraint 보다 leading/trailing의 사용을 권장하고 있다.

left/rignt은 사용자가 보는 화면상의 왼쪽과 오른쪽 위치 속성이다.

반면에 leading/trailing은 reading direction의 시작과 끝을 나타내는 위치 속성이다.

 

Reading Direction?

우리가 주로 사용하는 언어(한국어, 영어)는 왼쪽에서 오른쪽 순으로 읽는다.

이렇게 읽는 방향을 'reading direction'이라고 하는데 사용자가 설정한 언어에 의해 영향을 받는다.

글을 읽는 순서가 다르면 당연히 사용자 경험도 달라지기 때문에 아래처럼 다른 UI를 만나게 된다.

 

출처 : https://medium.com/@h_locke/working-with-arabic-in-ux-2c74383fc463

 

즉, 아랍어와 같이 글자를 오른쪽에서 왼쪽 순으로 쓰는 언어권에서는 Leading은 왼쪽이 아닌 오른쪽에 나타나게 된다.

 

📌 요약 정리

- Left는 단순히 왼쪽을, Leading은 글자가 시작하는 방향을 나타낸다.

- 글을 읽는 방향에 따라 사용자 경험이 달라지기 때문에 버튼과 같은 UI도 다르게 배치되어야 한다.

- Left/Right 보다 Leading/Trailing을 사용하게 되면 코드를 조금 더 유연하게 작성할 수 있다.