1. VStack과 HStack을 사용하여 뷰를 세로 및 가로로 정렬하기

VStack은 수직으로 뷰를 정렬하는 데 사용되며, HStack은 수평으로 뷰를 정렬하는 데 사용됩니다. VStack과 HStack은 SwiftUI에서 간단하게 뷰를 그룹화하고 레이아웃을 조정하기 위해 자주 사용됩니다. 아래는 간단한 예시 코드입니다.

VStack {
    Text("Hello")
    Text("World")
}

HStack {
    Image("image1")
    Image("image2")
}

이 코드는 “Hello”와 “World”라는 텍스트를 수직으로 정렬하는 VStack과 “image1”과 “image2”라는 이미지를 수평으로 정렬하는 HStack을 생성합니다.

2. Spacer를 사용하여 뷰 간 공간 조정하기

Spacer는 뷰 간의 공간을 조정하기 위해 사용됩니다. Spacer를 사용하면 뷰를 화면의 경계 또는 다른 뷰 사이로 밀어넣을 수 있습니다. 아래의 예시 코드를 확인해보세요.

VStack {
    Text("Hello")
    Spacer()
    Text("World")
}

이 코드는 “Hello” 텍스트와 “World” 텍스트 사이에 공간을 만들기 위해 Spacer를 사용합니다.

3. ZStack을 사용하여 뷰를 겹치게 배치하기

ZStack은 뷰를 겹치게 배치할 때 사용됩니다. 여러 개의 뷰를 동일한 위치에 겹치게 배치하려면 ZStack을 사용하면 됩니다. 아래 예시 코드를 참고해보세요.

ZStack {
    Image("background")
    Text("Hello World")
}

이 코드는 이미지와 텍스트를 겹치게 배치하여 화면에 표시합니다.

SwiftUI에서는 더욱 다양한 레이아웃 및 배치 기능이 제공됩니다. 이번 글에서는 기본적인 방법만을 안내하였으니, 더 자세한 내용을 찾고 싶다면 SwiftUI 공식문서나 다른 자료들을 참고해보시기 바랍니다.