iOS 🍎/Property wrapper

* advanced가 글 앞에 붙으면 이론 + 실전응용 내용을 담고 있습니다~ Environment와 keypath를 통해서 SwiftUI에서 미리 지정된 값을 사용할 수 있다. @Environment(\.layoutDirection) var layoutDirection @Environment(\.dismiss) var dismiss 각각 View의 방향, 뷰를 dismiss 하기 위한 값을 Environment 프로퍼티 래퍼를 통해서 얻을 수 있다. 당연히 직접 커스텀도 가능하다. Environment와 EnvironmentObject는 여러 View에 걸쳐서 사용할 값을 전달할 때 사용될 수 있는데 오늘은 그 중에서 Environment 알아보기! Environment Values Environmen..

하나의 뷰에서 데이터를 관리하기 위한 @State, Child View 혹은 다른 View와의 양방향 데이터 전달에서 사용하는 @Binding과 달리 데이터 모델과 뷰 간의 데이터 바인딩을 위해 사용됨 앱의 데이터 모델과 뷰 사이의 연결 생성 view (x), viewModel과 같은 model 데이터를 관리하는 클래스에서 사용되는 프로토콜과 propertyWrapper OverView 데이터 모델은 UI와 다른 로직들과 분리되어 있음 (모듈화, testable) -> 앱 작동 추론이 더 쉬워짐 UIViewController을 사용할 때에는 모델의 값을 ViewController로 가지고 와서 개발자가 직접 화면에 업데이트 하는 로직을 필요로 했으나 SwiftUI에서 시스템이 데이터 변경을 감지하고 이를..

달러사인은 two-way binding을 할 때 사용됨 Text("당신의 나이는 : \(age)") Text의 경우 프로퍼티의 상태를 그대로 보여줌 TextField의 경우 text라는 인자에 필요한 값이 Binding two-way binding은 프로퍼티의 상태 값을 화면에 보여주면서 해당 상태값을 업데이트 하고, 그 업데이트 한 값을 다시 화면에 보여줄 수 있음 struct ContentView: View { @State private var age = "" var body: some View { VStack { TextField("나이를 입력하시오.", text: $age) Text("당신의 나이는 : \(age)") }.padding() } } two-way binding은 프로퍼티 바로 앞에 ..

예시 코드 struct ContentView: View { @State private var count = 0 @State private var isOne = false var body: some View { VStack { Button("버튼 눌린 횟수 \(count)") { self.count += 1 } Toggle(isOn: $isOne) { Text("토글 상태 \(isOne ? "on" : "off")") } } } } SwiftUI에서 View 단위의 간단한 값을 State를 사용해서 관리하는데 이때 Button은 State에 접근하기 위해 self를 사용하고 Toggle은 달러 사인을 사용하는 것을 알수 있다. 사실 각각 프로퍼티에 접근할 때 역할과 위치가 다르기 때문이다. State의 값..

Intro 현재 뷰에서 보여지는 데이터들을 State로 관리할 수 있음. 이 상태에 의해 사용자에게 보여지는 UI를 관리하므로 views are a function of their state 라고 하기도 함 (사용자의 정보를 입력하기 전까지 버튼을 비활성화 시키는 것도 state들에 의해 뷰가 관리되는 것) SwiftUI는 struct로 구현된 view로 이루어져 있기 때문에 Swift와 UIKit을 사용하는 것 처럼 단순히 property를 선언한 뒤 구조체 안에서 그 값을 바꿀수 없음 프로퍼티의 값을 변경하기 위해서 State라는 키워드를 가진 property wrapper를 사용할 수 있음 SwiftUI는 뷰를 제거하고 다시 그리는 일을 자주 반복하기 때문에 뷰 내부에서 사용하는 값에 대해 단순하게..