1. SwiftUI Essentials

[NEULiee]

• [ ] Creating and Combining Views
• [ ] Building Lists and Navigation
• [ ] Handling User Input

https://developer.apple.com/tutorials/swiftui

[NEULiee]

Creating and Combining Views

좋아하는 장소를 발견하고 공유하기 위한 앱인 Landmarks 앱을 제작합니다. 뷰에 지도를 포함하기 위해 MapKit을 포함합니다. 뷰의 디자인을 다듬을 때 Xcode가 실시간으로 피드백을 제공합니다. (Canvas)

Section 1. Create a New Project and Explore the Canvas

Learned

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

• SwiftUI 앱 라이프 사이클을 사용하는 앱은 App 프로토콜을 준수합니다.
• body 속성은 하나 이상의 장면을 반환하고, 차례로 표시할 컨텐츠를 제공합니다.

import SwiftUI

// View의 content 및 layout
struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .padding()
    }
}

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

• SwiftUI의 view 파일은 기본적으로 두가지의 구조체를 선언합니다.
• 첫번째 구조체는 View 프로토콜을 따르고 View의 content와 layout을 묘사합니다.
• 두번째 구조체는 해당 View에 대한 Preview를 선언합니다.

Section 2. Customize the Text View

Learned

• 코드를 변경하거나 Inspector를 사용하여 View를 변경할 수 있습니다.
• Inspector를 사용하여 속성을 변경하면 코드에 바로 반영됩니다.

Section 3. Combine Views Using Stacks

Learned

• SwiftUI의 View를 생성할 때 View의 body 속성은 단일 View만 반환합니다.
• View를 가로, 세로로 그룹화하는 Stack에 여러 View를 결합하고 포함할 수 있습니다.
• VStack 세로, HStack 가로
• Spacer()는 컨텐츠에 의해서만 크기가 정의되는 대신 포함하는 뷰가 상위 뷰의 모든 공간을 사용하도록 확장됩니다.

Section 4. Create a Custom Image View

• 이미지 사용

  struct CircleImage: View {
  var body: some View {
      Image("turtlerock")
          .clipShape(Circle()) // 모양
          .overlay(Circle().stroke(.white, lineWidth: 4)) // 테두리
          .shadow(radius: 7) // 그림자
  }
  }

Section 5. Use SwiftUI Views From Other Frameworks

• Mapkit의 Map view 사용