iOS - SwiftUI를 이용해서 Preview 보기

안녕하세요 BeePeach입니다.

이전 포스팅에서 storyboard를 삭제하는 방법에 대해서 같이 공부를 해봤는데요.

코드로 UI를 구성하다 보면 아쉬운 부분은 실시간으로 화면 구성을 못 본다는 부분입니다.

계속 시뮬레이터를 켰다가 껐다가 하는 부분이 불편할 수 있는데요.

 

이러한 불편함을 해소할 수 있는 부분이 바로 SwiftUI에서 제공하는 Preview를 이용하는 방법입니다.

이 방법은 iOS13.0이상에서만 사용할 수 있습니다.

 

 

 

---

 

Preview 만들기

 

디버그모드에서만 사용하도록 #if Debug #endif를 이용해 전처리를 해줍니다.

그리고 UIViewControllerRepresentable 프로토콜을 채용하는 구조체를 하나 생성해줍니다.

 

요구 메서드는 2가지가 있습니다.

makeUIViewController(context:) 메서드에서는 우리가 보고자 하는 VC를 리턴해줍니다.

updateUIViewControoler(_:context:)는 요구 메서드이기 때문에 추가는 하지만 여기서 딱히 아무것도 안 해도 괜찮습니다.

 

그리고 PreviewProvider 프로토콜을 채용하는 구조체도 하나 만들어줍니다.

여기서 요구하는 타입파라미터를 구현해줘야 하는데 방금 전에 만든 UIViewControllerRepresentable을 채용한 구조체를 적어줍니다.

 

그럼 이제 오른쪽에 Preview가 나타나게 됩니다.

 

 

혹시 여기서 이 화면이 나오지 않는다면 Alt + Command + Return 키를 눌러주면 나옵니다.

그럼 이제 한 번 코드로 lable을 추가시켜보도록 하겠습니다.

 

 

이렇게 코드로 작성하고 preview를 보면 label이 나타나는 것을 확인할 수 있습니다.

혹시 refresh가 되지 않는면 Alt + Command + P를 누르시면 됩니다.

 

 

 

 

---