학습 노트/Swift UI (2022) 6

08 ~09. Alert & Confirmation Dialog

Alert SwiftUI로 Alert를 표시하는 데에는 준비물이 하나 필요하다. struct View_Alert: View { @State private var result = "" @State private var alertStat = false var body: some View { VStack { Text(result) .font(.largeTitle) Button(action: { }, label: { Text("Show Alert") }) .padding() } } } 바로 State Variable로 위의 코드에서는 alertStat이라는 이름을 가진다. alert은 해당 변수를 조작하여 자신의 상태를 변경하는데 사용하기 때문에 반드시 필요하다. struct View_Alert: View { ..

02. Stack

Stack Stack은 정해진 한 방향으로 View를 나열하여 배치한다. 방향에 따라 V, H, Z Stack이 존재하며, 그림으로 나타내면 다음과 같다. Stack은 기본적으로 Embed 돼있는 View들을 모두 표시할 수 있는 최소한의 크기를 가진다. View들은 별도로 지정하지 않는 한 기본 여백을 자동으로 가지고, 가운데 정렬 방식으로 정렬된다. VStack struct ContentView: View { var body: some View { VStack(alignmnet: .leading) { Text("text1") Text("text2") Text("text3") Text("text4") } } } VStack의 V는 Virtical을 의미한다. 추가된 View부터 위쪽에 표시하고, 추가된..

01. Swift UI

Swift UI Code(Swift)를 사용해 UI를 만든다. git, 업무 분담 시 Conflict에서 자유롭다. Storyboard - code가 Outlet, Action으로 연결되고 기능을 구현하는 것과 달리 SwiftUI는 모든 것이 Code로 구현돼 코드가 간결해진다는 장점이 있다. (Animation, Transition에 특히 유리) Simulator가 아닌 Xcode Preview를 사용해 결과를 실시간으로 확인하고 편집할 수 있다. Swift의 View는 구조체로 돼있으며 덕분에 작게 쪼개져도 성능에 미치는 영향이 적다. 따라서 View를 겹쳐 사용해도 효과적으로 동작할 수 있다. 필수적이고 자주 사용하는 기능들은 자동으로 처리된다 (DynamicType, DarkMode, Animat..