소소ing

출처↓ Data Flow Through SwiftUI WWDC 2019 세션 중 하나인 Data Flow Through SwiftUI의 흐름을 따라가며 요약/메모. SwiftUI와 Combine 영상을 다시 보던 중 정리할 겸 해서 포스팅합니다. 발표 시점으로부터 시간이 흐르며 리네이밍 된 API 등 wlaxhrl.tistory.com 예제↓

UIKit + StoryBoard 사용당시 UIAlertViewController를 사용했었으나 SwiftUI에서는 Alert를 사용해야 한다. SwiftUI에서 Alert를 사용하는 방법은 다음과 같다. 아래 코드를 보면 @State 변수인 isShow 값이 true일때 Alert가 노출되는 것을 볼 수 있다. UIAlertViewConroller와 다르게 Alert은 isPresented에 해당되는 값이 반드시 있어야 한다. struct AlertView: View { @State private var isShow = true var title : Text? = nil var message : Text? = nil var btn1 : Text? = nil var body: some View { VSt..

@State 변수의 상태 변경되면 @State 변수가 가지고 있는 컴포넌트를 갱신 시킬 수 있다고 알고 있다. 여기서는 해당 변수값을 SwiftUI View의 id에 대입하여 화면을 갱신 할 수 있는 방법이 있다는 것을 보려고 한다. 먼저 id(_)는 SwiftUI Views들을 식별하는 고유 값으로 보면 될듯 하다. 즉 View의 id(_) 값을 변경한다는 건 새로운 뷰를 보이는 것과 같다고 볼 수 있다. 예를 들어, 이름, 이메일, 웹 사이트를 사용자로 부터 입력 받는다고 가정할때, ContentView에서 ExampleView를 호출하는 구조이며, ExampleView의 id를 @State 변수 값으로 지정하여 Reset 버튼으로 해당 값을 수정한다면... 사용자로 부터 입력을 모두 받더라도 Res..

SwiftUI는 기존 StroryBoard와 UI 구성 방식이 완전히 다르다고 볼 수 있다. SwiftUI를 선언형 UI 프레임워크로 보통 이야기 한다. 기존 StroryBoard의 각 화면마다 UIViewController가 할당되어 화면 생성 시 호출되는 라이프사이클로 화면 갱신 등의 처리를 해주었지만 SwiftUI의 경우는 View 단위 화면 구성으로 화면 갱신을 처리는 방식이 사뭇 다르다. SwiftUI의 View를 생성하면 아래와 같이 생성된다. import SwiftUI struct MainView: View { var body: some View { Text("MainView") } } struct MainView_Previews: PreviewProvider { static var prev..

해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. ​ ​ 1. 기본 버튼을 만들기는 View를 상속 받은 ContentView 안 body 영역에 붉은색으로 표시된 코드를 작성한다. (SwiftUI의 body 영역은 기본적으로 센터에 표시가 되도록 구성되어 있다.) [ContentView.swift] import SwiftUI struct ContentView: View { var body: some View { Button(action: { // 버튼 액션 }) { // 디스플레이 Text("Button") } } } ​ ​2. 기본 버튼에 토글 액션 추가를 하기 위해 변수를 이용하여 구성한다. 여기서 토글 상태를 저장하는 변수로 @State 변수를 사..

해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. ​ ​ 1. 기본 이미지 만들기는 View를 상속 받은 ContentView 안 body 영역에 붉은색으로 표시된 코드를 작성한다. (SwiftUI의 body 영역은 기본적으로 센터에 표시가 되도록 구성되어 있다.) [ContentView.swift] import SwiftUI ​ struct ContentView: View { var body: some View { Image("") } } ​ ​ #if DEBUG struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } #endif ​ ..

해당 글에서 코드 부분은 파란색으로 표기 됩니다. 해당 글에서 중요 부분은 붉은색으로 표기 됩니다. 1. 기본 텍스트 레이블 만들기는 View를 상속 받은 ContentView 안 body 영역에 붉은색으로 표시된 코드를 작성한다. (SwiftUI의 body 영역은 기본적으로 센터에 표시가 되도록 구성되어 있다.) [ContentView.swift] import SwiftUI struct ContentView: View { var body: some View { Text("Hello, world! Hello, world! Hello, world! Hello, world! Hello, world! Hello, world! Hello, world! Hello, world! Hello, world! Hello..