SwiftUI

선언적 구문

SwiftUI는 선언적 구문을 사용하므로 사용자 인터페이스의 기능을 명시하기만 하면 됩니다. 예를 들어, 텍스트 필드로 구성된 항목의 목록을 원한다고 작성한 다음 각 필드의 정렬, 서체 및 색상을 설명하면 됩니다. 코드의 간결성과 가독성이 크게 향상되어 시간이 절약되고 유지 관리가 쉬워집니다.

import SwiftUI

struct AlbumDetail: View {
	var album: Album

	var body: some View {
		List(album.songs) { song in 
			HStack {
				Image(album.cover)
				VStack(alignment: .leading) {
					Text(song.title)
					Text(song.artist.name)
						.foregroundStyle(.secondary)
				}
			}
		}
	}
}

이 선언적 스타일은 애니메이션과 같은 복잡한 개념에도 적용됩니다. 코드 몇 줄만으로 거의 모든 컨트롤에 애니메이션을 손쉽게 추가하고 바로 사용할 수 있는 효과 모음을 선택할 수도 있습니다. 런타임 중에 시스템에서는 부드러운 움직임을 만들기 위해 필요한 모든 단계는 물론 사용자의 상호작용 및 애니메이션 도중의 상태 변경까지도 처리합니��. 따라서 개발자는 이와 같이 간단한 애니메이션을 사용하여 앱에 생동감을 불어넣어 줄 새로운 방법을 찾을 수 있습니다.

디자인 도구

Xcode에는 SwiftUI로 인터페이스를 쉽게 구축할 수 있는 직관적인 디자인 도구가 포함되어 있습니다. 디자인 캔버스에서 작업하면 편집하는 모든 내용이 옆에 표시되는 편집기의 코드와 완벽하게 동기화됩니다. 코드를 입력하는 동시에 미리보기로 바로 볼 수 있고 라이트 모드 및 다크 모드와 같이 다양한 구성에서 UI를 확인할 수도 있습니다.

실시간 업데이트. Xcode는사용자가 변경 사항을 적용하는 즉시 앱에 변경 사항을 자동으로 빌드, 실행, 표시합니다. 디자인 캔버스는 인터페이스의 근삿값이 아니라, 실시간으로 실행되는 앱 그 자체입니다.

미리보기. SwiftUI 뷰의 미리보기를 생성해 샘플 데이터가 어떻게 표시되는지 확인하고, 큰 서체, 현지화, 다크 모드 등 사용자에게 표시될 수 있는 거의 모든 요소를 구성할 수 있습니다. 또한 미리보기는 어떤 기기에서든 UI를 원하는 방향으로 표시할 수 있습니다.

UIKit 및 AppKit과의 호환성

SwiftUI는 UIKit 및 AppKit과 호환되도록 설계되어, 기존 앱에 추가로 적용할 수 있습니다. 사용자 인터페이스의 새로운 부분을 구축하거나 기존 사용자 인터페이스를 다시 빌드해야 하는 경우 나머지 코드베이스를 유지하면서 SwiftUI를 사용할 수 있습니다.

SwiftUI에서 제공하지 않는 인터페이스 요소를 사용하려는 경우 SwiftUI를 UIKit 및 AppKit과 함께 사용하여 최고의 환경을 활용할 수 있습니다.