Storyboard, SwiftUI

목차

Storyboard

그래픽 인터페이스 빌더(Graphical Interface Builder, GIB)를 사용하여 UI를 구성하는 방법이다.

UI의 모양과 레이아웃을 시각적으로 구성하고, 각각의 UI 요소에 대한 액션 및 연결 등을 구성할 수 있다.

화면 간의 흐름 및 전체적인 모양을 시각적인 방식으로 연결하고 표현함으로써 직관적으로 앱의 흐름을 확인할 수 있다.

 

iOS 개발에서 많이 사용되었지만, 최근에는 SwiftUI 등의 새로운 UI 프레임워크가 도입되면서 사용빈도가 줄어들고 있다.

SwiftUI

UI를 코드로 구성하는 방법이다.

UI를 선언적으로 정의하고, UI의 모양과 레이아웃에 대한 코드를 작성할 수 있다.

Xcode의 Canvas를 통해 UI 디자인의 빠른 미리보기를 제공하며, UI와 데이터 간의 바인딩을 통해 UI를 업데이트할 수 있다.

Storyboard와 SwiftUI의 차이점

Storyboard와 SwiftUI는 모두 iOS 앱 UI 구성을 위한 도구이나, UI를 구성하는 방식에 차이가 있다.

Storyboard는 시각적으로 UI를 구성하는 데 초점을 두고,

SwiftUI는 코드를 사용하여 UI를 구성하고 바인딩하는데 초점을 둔다.