SwiftUI

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)
				}
			}
		}
	}
}

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

SwiftUI 핵심 기능

쉬운 통합

나만의 속도에 맞춰 SwiftUI 채택하기

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

Xcode 미리보기

작업 중에 빠르게 반복하고 미리보기로 확인하기

Xcode 미리보기를 사용하면 코드에서 앱의 뷰를 변경하고 그 결과를 미리보기 캔버스에서 빠르게 확인할 수 있습니다. 미리보기 매크로를 사용하여 SwiftUI 뷰에 미리보기를 추가하세요. 그런 다음 Xcode의 미리보기 캔버스를 사용하거나 코드로 프로그래밍해 원하는 미리보기 표시 방법을 구성합니다. 실시간 또는 대화형 미리보기 옵션을 선택하면 실제 기기나 시뮬레이터에서와 동일한 뷰가 나타나고 상호작용합니다. 선택 모드에서는 미리보기에 뷰의 스냅샷이 표시되므로 캔버스에서 뷰의 UI 요소와 상호작용할 수 있습니다. 미리보기에서 제어 기능을 선택하면 소스 편집기에서 해당 코드 줄이 강조 표시됩니다. 마지막으로, 다크 모드나 가로 모드, 다양한 크기의 텍스트 등 미리보기 표시 방식을 제어하기 위해 기기 설정을 조정할 수도 있습니다.

Xcode에 대해 더 알아보기