템닉의 개발저장소

Views And Modifiers 

SwiftUI에서는 View들을 통해 UI를 빌드할 수 있고, Modifier들을 통해 View들을 변경할 수 있습니다.

Containers - Vertical Layout Container 

View들은 container들로 구성될 수 있습니다. 일부 container들은 View들을 한 방향으로 조직화시키는데, 이것을 Stack이라고 합니다. 다음은 Vertical Stack의 예시입니다. SwiftUI에서는 VStack이라고 부릅니다. 이러한 Stack도 Modifier들을 가지고 있는 View입니다. 회색 사각형들은 VStack 내부에 있는 또다른 View입니다. 사각형을 조직화시킨, 눈에 보이지 않는 부분이 VStack입니다.

Horizontal Layout Container 

이것은 가로로 조직화시킬수 있는 또다른 Stack입니다. SwiftUI에서는 이러한 Horizon Stack을 HStack이라고 부릅니다.

Depth Layout Container 

또다른 Stack은 당신의 View를 다른 View들의 위로 조직화시킵니다. 이러한 Stack을 Depth Stack 혹은 ZStack이라고 부릅니다.

Grid Layout Container 

SwiftUI의 ver.2에서, grid container view가 소개되었습니다. VStack과 HStack을 하나로 합친 Stack입니다. 

Relationships - Parent & Child 

프로그래밍에서는 종종 object의 계층(hierachy)을 부모와 자식 관계로 표현합니다. 여기서도 비슷한 컨셉으로 표현이 될 것입니다. 예를 들어 위의 HStack 사진에서, HStack은 회색 rectangle View를 세 개 포함하고 있었습니다. 이 경우에는 HStack이 부모(parent)가, rectangle View가 자식(child)이 되는 것입니다. 

한가지 알면 좋은 상식이 있습니다. 자신의 자식이 없는 child View들을 애플은 "leaf views"라고 부르기로 했습니다.

Relationships - And Modifiers 

어떤 modifier들은 부모 View위에 설정되어 그 container 안의 자식 View에게도 영향을 주기도 합니다. 즉 VStack으로 쌓인 두개의 Rectangle을 생각해보면, VStack의 폰트 사이즈를 설정하면 Rectangle의 폰트도 같은 사이즈가 됩니다.만약 자식 View의 폰트 사이즈를 변경하고 싶다면 override를 통해 할 수 있습니다.

다음 게시물 : SwiftUI Views - Understanding the Syntax (뷰 문법 이해하기)

이 포스트는 밑의 페이지의 자료를 읽고 나서, 의역이 다소 존재하는 번역글입니다.