전체 글

TextField는 기본적으로 String 타입을 Binding 할 수 있음 TextField("값을 입력하세요", text: ) String이 아닌 타입을 Binding하는 경우 에러 발생함. 이때 format을 사용하면 프로퍼티의 타입을 바꿔주지 않고도 텍스트 필드에 값을 표시할 수 있음 ㄴ checkAmount 값이 double이기 때문에 TextField의 text 인자에 Binding으로 전달하는 경우 에러 발생함을 확인할 수 있음 TextField( "Proper name", value: $nameComponents, format: .name(style: .medium) ) 사용자의 입력으로 부터 전달받은 값을 저장할 프로퍼티를 value로 전달하고 format 형식을 format 인자로 전달..

ForEach array, ranges와 함께 반복 작업을 통해 여러 뷰를 생성할 수 있음 클로져를 통해 실행되며 loop의 모든 아이템을 한번씩 순환하게 됨 class test { init() { let titles = ["a", "b", "c", "d", "e"] self.loopAllItems(items: titles) } func loopAllItems(items: [String]) { items.forEach { print($0) } } } ForEach는 기존에 Swift에서 사용한 고차 함수 forEach와 동작과 사용법이 같음 ScrollView { ForEach(0 ..< 100) { Text("\($0)") } } ForEach를 사용해서 반복되는 뷰를 간단한 코드로 화면에 그려 줄 수..

달러사인은 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는 뷰를 제거하고 다시 그리는 일을 자주 반복하기 때문에 뷰 내부에서 사용하는 값에 대해 단순하게..

기존에 사용되던 NavigaitonView는 Deprecated 되고 NavigationView와 동일하게 NavigationStack을 사용하면 됨 home indicator와 시계를 포함한 상단 영역에도 뷰를 위치 시킬 수 있으나 컨텐츠가 겹치기 때문에 사용자가 보기에 불편할 수 있음 SwiftUI는 시스템 UI나 기기의 코너 영역을 피해 컴포넌트를 위치 시킬 수 있으나 스크롤 시 시스템 영역에 겹칠 수 있음 네비게이션을 사용하면 상단이 네비게이션 영역이 되므로 시스템 영역과 컨텐츠가 겹치지 않게 할 수 있음 var body: some View { NavigationStack { Form { Section { Text("red") Text("yellow") Text("black") } } .navig..

Form 애플 공식 문서 뷰를 포함 시킬 수 있는 Containe Control을 그룹핑 할 수 있음. 특정 컨트롤에 대해 지정된 UI를 보여줌. 아래 글 참고 주로 설정화면이나 기본 앱의 리스트에서 사용됨 Form 영역 스크롤링 가능 struct Form where Content : View 코드 전체 깃 허브 링크 Group 폼은 최대 10개의 뷰를 포함 할 수 있기 때문에 Group 을 사용하면 더 많은 뷰를 포함 시킬 수 있음 Form { Group { Text("Hello, world! 1") Text("Hello, world! 2") Text("Hello, world! 3") Text("Hello, world! 4") Text("Hello, world! 5") Text("Hello, world..

Swift 5.1부터 사용가능 getter, setter, computed property 코드 중복을 줄일 수 있음 연산 프로퍼티 로직을 공유하는 방법 기본 연산 프로퍼티의 기능을 개별 클래스와 구조체와 분리할 수 있게 하여 앱 코드에서 재사용 가능하게 함 프로퍼티 래퍼 구현 @propertyWrapper struct Tenfold { private(set) var num: Int = 0 var wrappedValue: Int { get { num } set { num = newValue * 10 } } init(wrappedValue value: Int) { self.wrappedValue = value } } @propertyWrapper 지시자를 이용하여 선언 클래스나 구조체를 사용하여 구현 가능..