[swift] SwiftUI 뷰의 준비

18 Dec 2023

swift

SwiftUI는 iOS 앱의 사용자 인터페이스를 구축하기위한 강력한 도구입니다. 뷰는 SwiftUI 앱의 기본 구성 요소이며, 뷰를 활용하여 사용자에게 정보를 표시하고 상호 작용할 수 있는 환경을 제공합니다. 이 기사에서는 SwiftUI 뷰를 준비하는 방법에 대해 알아보겠습니다.

뷰의 생성

SwiftUI에서 뷰를 만들 때는 일반적으로 View 프로토콜을 채택하는 struct로 선언합니다. 예를 들어, 다음과 같이 텍스트를 표시하는 뷰를 생성할 수 있습니다.

struct ContentView: View {
    var body: some View {
        Text("Hello, SwiftUI!")
    }
}

위의 예제에서 ContentView는 View 프로토콜을 따르는 struct로, body 프로퍼티를 구현하여 해당 뷰의 내용을 정의합니다.

Modifier 적용

뷰가 생성된 후에는 modifier를 사용하여 해당 뷰의 모양이나 동작을 조정할 수 있습니다. 예를 들어, 텍스트 색상을 변경하거나, 폰트를 설정하거나, 레이아웃을 지정할 수 있습니다.

struct ContentView: View {
    var body: some View {
        Text("Hello, SwiftUI!")
            .foregroundColor(.blue)
            .font(.title)
    }
}

위의 예제에서 .foregroundColor(.blue)는 텍스트의 색상을 파란색으로, .font(.title)은 텍스트의 폰트를 타이틀 크기로 변경합니다.

뷰 조합

때로는 단일 뷰보다는 여러 개의 뷰를 조합하여 복잡한 인터페이스를 생성해야 할 때가 있습니다. SwiftUI에서는 이러한 뷰 조합을 위해 HStack, VStack, ZStack 등의 컨테이너 뷰를 활용할 수 있습니다.

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Title")
            HStack {
                Text("Left")
                Text("Right")
            }
        }
    }
}

위의 예제에서 VStack을 사용하여 수직으로 뷰를 배열하고, HStack을 사용하여 수평으로 뷰를 배열합니다.

SwiftUI에서 뷰를 생성하고 수정하는 방법, 그리고 뷰를 조합하여 복잡한 사용자 인터페이스를 생성하는 방법을 살펴보았습니다. SwiftUI를 사용하여 강력하고 유연한 사용자 인터페이스를 만들 수 있으며, 뷰의 준비와 조작에 대한 이러한 기본 개념을 알고 있다면 SwiftUI를 보다 효과적으로 활용할 수 있습니다.

참고 자료:

Apple Developer Documentation