SwiftUI (1)

SwiftUI란?

SwiftUI는 WWDC2019에 발표 된 새로운 UI Framework이다.

특징

1. Declarative Syntax
   • 선언형 프로그래밍이다.
   • 코드의 가독성을 높이고, 유지 보수를 용이하게 한다.
   • 개발과정을 단순화 하고, 더 직관적인 코드 작성을 가능하게 한다.
2. 라이브 프리뷰를 제공
   • 실시간 미리보기를 통해 코드를 작성하면서 동시에 UI의 변경사항을 확인 가능
3. 반응형 UI
   • 데이터와 UI의 바인딩을 통해 데이터가 변경될 때 자동으로 UI를 업데이트 한다.
   • @state, @Binding 과 같은 속성을 사용하여 상태 관리를 할 수 있다.
4. 간결한 레이아웃 시스템
   • HStack, VStack, ZStack과 같은 간단한 레이아웃 도구를 사용하여 UI 요소들을 보다 수비게 배치를 할 수 있다.
5. 다양한 애니메이션
6. 다중 플랫폼 지원
   • SwiftUI는 iOS, macOS, watchOS, tvOS를 모두 지원하는 통합 프레임워크이다.
   • 하나의 코드베이스로 여러 애플 플랫폼에서 동작하는 앱을 만들 수 있다.

---

I Am Rich 만들기

이전에 UIKit으로 했다면 이번엔 SwiftUI로 해본다.

여기서는 크게 적을건 없어보인다.

우선 강의의 내용과 버전 차이가 심해서 알아두면 좋을 부분만 정리를 해본다.

우선 어떤 property에 VHZStack을 쌓고 싶을때는 컨트롤 클릭을 하면 추가할 수 있다.

폰트나 이것저것 추가를 하고싶은데 어떻게 해야할지 모른다면

우리가 UIKit에서 UIcomponents를 추가힐때 처럼 단축키를 사용하여 더블 클릭해서 추가도 가능하다.

단축키는 command + shift + l

struct ContentView: View {
    var body: some View {
        ZStack {
            Color(.systemTeal)
                .edgesIgnoringSafeArea(.all)
            VStack {
                Text("I Am Rich")
                    .font(.system(size: 40))
                    .fontWeight(.bold)
                    .foregroundStyle(Color.white)
                Image("diamond")
                    .resizable()
                    .aspectRatio(contentMode: .fit).frame(width: 200, height: 200)
            }
        }
        .padding()
    }
}