[Swift UI] Tutorial 02 - 기본 구조

developer.apple.com/tutorials/swiftui/creating-and-combining-views

Apple Developer Documentation

1. 새 프로젝트 만들기

 

2. [프로젝트 이름].swift

SwiftUI app life cycle을 사용하는 앱은 앱 프로토콜을 준수하는 구조가 있다. 이 구조의 속성은 하나 이상의 scene을 반환하고, 이 장면은 다시 표시할 내용을 제공한다. @main속성은 앱의 시작점을 식별한다.  

  

import SwiftUI

@main
struct SwiftUI_Tutorial_01App: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

  

3.  ContentView.swift

기본적으로 SwiftUI view file은 두 개의 structure를 가진다.

첫 번째 structure는 view 프로토콜을 준수하고 view의 내용과 레이아웃을 설명한다.

두 번째 structure는 해당 view의 미리보기를 선언한다.

import SwiftUI

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

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

  

4. Canvas (미리보기)

캔버스의 resume버튼을 누르면 미리보기를 볼 수 있다. 

만약 canvas가 보이지 않는다면, Editor > Canvas를 누르면 볼 수 있다.