SwiftUI는 레이아웃을 구축하기 위한 강력한 시스템을 제공합니다. 이를 통해 사용자 인터페이스의 모양과 동작을 정의할 수 있습니다.

VStack 및 HStack

SwiftUI에서 뷰를 배치하는 가장 간단한 방법 중 하나는 VStack 또는 HStack을 사용하는 것입니다. VStack은 세로 레이아웃을, HStack은 가로 레이아웃을 생성합니다.

예를 들어, 아래 코드는 VStack을 사용하여 두 개의 텍스트 뷰를 세로로 배치하는 예제입니다.

VStack {
    Text("Hello,")
    Text("SwiftUI")
}

Spacer

Spacer 뷰를 사용하여 레이아웃 내에서 공간을 채울 수 있습니다. 이는 다른 뷰들 간의 간격을 조절하거나, 뷰를 레이아웃의 한쪽 끝에 정렬하는 데 사용할 수 있습니다.

예를 들어, 아래 코드는 Spacer를 사용하여 두 개의 텍스트 뷰를 가로로 배치하는 예제입니다.

HStack {
    Text("Hello,")
    Spacer()
    Text("SwiftUI")
}

ZStack

ZStack은 뷰를 겹쳐서 배치하는 데 사용됩니다. 이를 통해 더 복잡한 레이아웃을 만들거나, 그림과 텍스트를 조합하여 사용자 정의 컨트롤을 만들 수 있습니다.

예를 들어, 아래 코드는 ZStack을 사용하여 두 개의 텍스트 뷰를 겹쳐서 배치하는 예제입니다.

ZStack {
    Text("SwiftUI")
    Text("Rocks!")
}

SwiftUI의 레이아웃 시스템을 사용하면 간단한 코드로 다양한 디자인을 구현할 수 있습니다.

더 많은 정보를 원하시면 SwiftUI 공식 문서를 참고하세요.

이 게시물은 SwiftUI의 레이아웃 시스템에 대한 간단한 소개였습니다. SwiftUI의 레이아웃 시스템은 고도의 유연성과 강력함을 제공하므로, SwiftUI를 사용하여 iOS 및 macOS 앱의 사용자 인터페이스를 개발하고자 하는 모든 개발자에게 유용할 것입니다.