[SwiftUI] 프리뷰 캔버스(Preview canvas)와 라이브 프리뷰 (Live Preview)

핵심만 골라 배우는 SwiftUI 기반의 iOS 프로그래밍 - YES24

 

Preview Canvas

프리뷰 캔버스 (Preview canvas)

• 뷰 레이아웃이 선언되고 테스트 되는 동안 실시간으로 변경되는 레이아웃을 확인할 수 있게 해준다.
• 코드 에디터에서 코드를 수정하면 변경된 사항이 프리뷰 캔버스에 반영된다.
• 캔버스가 지속적으로 업데이트하지 않도록 코드가 변경될 때마다 프리뷰는 실시간 업데이트를 일시 중지할 것이다.
  • 이런 경우엔 Resume 버튼이 나타나며 해당 버튼을 누르면 다시 업데이트를 한다.
• 프리뷰는 기본적으로 '정적'인 상태를 표시하기 때문에 실행되는 앱에서의 UI를 테스트하려면 '라이브 프리뷰(Live Preview)'버튼을 클릭하면 된다.

라이브 프리뷰 (Live Preview)

• 시뮬레이터나 디바이스에 빌드하고 실행하지 않아도 프리뷰 캔버스 내에서 앱을 실행하고 테스트할 수 있게 해주는 Xcode의 모드

우측이 라이브 프리뷰를 킨 상태