Swift Academy · 강의

미리 보기와 PreviewProvider

#Preview와 PreviewProvider를 사용해 Xcode에서 변경 사항을 즉시 확인합니다.

레슨 4/412개 단계

미리 보기와 PreviewProvider은(는) CoddyKit의 무료 Swift Academy 강의입니다. 이것은 4개 중 4번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Swift Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Swift Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

환영합니다

Xcode 프리뷰를 사용하면 시뮬레이터를 실행하지 않고도 SwiftUI의 변경 사항을 즉시 확인할 수 있습니다. 프리뷰는 `#Preview`(Swift 5.9 이상) 또는 `PreviewProvider`로 정의합니다.

#Preview 매크로 (Swift 5.9 이상)

```swift #Preview { ContentView() } ``` 가장 간단한 프리뷰 정의로, 한 줄이면 됩니다. Xcode가 캔버스에 렌더링합니다.

PreviewProvider (이전 방식)

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

여러 프리뷰

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

샘플 데이터 제공하기

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

프리뷰의 환경

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

프리뷰에서 사용하는 @EnvironmentObject

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

프리뷰 성능 팁

• 프리뷰는 별도의 프로세스에서 실행됩니다 • 프리뷰 데이터를 가볍게 유지합니다 • 프리뷰 전용 데이터를 `extension PreviewProvider`로 추출합니다 • 프리뷰 코드에서 네트워크 호출을 피합니다

실시간 프리뷰

프리뷰 캔버스에서 ▶ 버튼을 클릭하면 실시간 프리뷰가 활성화됩니다. 버튼 탭과 텍스트 필드 입력이 실시간으로 작동하는 상호작용 모드입니다.

빠른 확인

Swift 5.9 이상에서 SwiftUI 프리뷰를 생성하는 매크로는 무엇입니까?

인터랙티브 레슨에서 답해보세요

요약

핵심 내용: • `#Preview { }` — Swift 5.9 이상에서 사용하는 한 줄 프리뷰 • `PreviewProvider` — 이전의 프로토콜 기반 방식 • 이름, 기기, 색상 구성표가 서로 다른 여러 프리뷰 • 프리뷰에서 환경과 environmentObject를 주입합니다 • 실시간 프리뷰를 사용하면 앱을 실행하지 않고 상호작용 테스트를 할 수 있습니다 과정이 완료되었습니다! 다음: SwiftUI 레이아웃

무료로 시작

AI 튜터와 함께 Swift을(를) 배우세요 — 무료

브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.

코스: 122
레슨: 409

무료로 학습 시작 전체 코스 보기

자주 묻는 질문

“미리 보기와 PreviewProvider” 강의는 무료인가요?

네 — “미리 보기와 PreviewProvider” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Swift Academy 강의 전체를 잠금 해제할 수 있습니다. Swift Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

“미리 보기와 PreviewProvider”에서 뭘 배우나요?

#Preview와 PreviewProvider를 사용해 Xcode에서 변경 사항을 즉시 확인합니다. 브라우저에서 직접 실행하는 실습 코드로 Swift Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

Swift Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 Swift Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 4번째 강의입니다.

“미리 보기와 PreviewProvider” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Swift Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Swift Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

← Swift Academy(으)로 돌아가기