#Preview macro, Xcode 코드베이스로 UI 설계할 때 유용한 팁

UIkit에서 스토리보드 없이 코드로만 UI 설계 시

시뮬레이터 없이 UI를 미리볼 수 있는 Preview 매크로! 

 

실험해보니 적용속도도 빨라서 디버깅 용도 외로 UI 확인할 때 유용하게 쓰일 것 같다. 

 

#Preview {
myView()
}

 

위와 같이 간단한 매크로이다.

내 상황에 대입하면 

 

#Preview {
viewController()
}

 

 

작성해주면 바로 오른쪽에서 프리뷰를 확인 가능하다.

 

현재 느낌

단순히 UI만 보는게 아니라 버튼도 작동한다! Preview Device를 정할 수 있어서 내 앱이 Responsive인지 확인할 때도 좋을 것 같다. DarkMode, LightMode 전환이 가능하다.

 

 

 

만약에 안 보인다면, Editor -> Canvas를 활성화를 확인해야 한다. 

 

이런 UI 뿐만 아니라 위젯 등 볼 수 있는 게 많은데 그건 필요하면 봐야겠다. 

 

 

 

 

 

 

출처:

https://developer.apple.com/kr/videos/play/wwdc2023/10252/?time=86