iOS 🍎/SwiftUI

TextField keyboardType modifier는 사용자의 입력을 받는 키보드의 타입을 지정할 수 있음 TextField("테스트") .keyboardType(.asciiCapable) 영문, 숫자, 특수 문자 입력만 가능함 (한글, 이모티콘 불가 아스키만 가능) 숫자 및 구두점 default로 숫자와 특수문자가 표시되며 한글과 영어 입력 가능 사용자가 URL을 입력하기 쉽게 하단에 특수 문자를 제공함 숫자만 입력 가능 소수점 입력이 가능하도록 숫자와 decimal point 제공 숫자 키보드와 휴대폰 번호 입력시 사용되는 특수 문자 제공 이름과 휴대폰 번호 입력이 가능하도록 두 가지 키보드를 제공함 (이모지, 영어 가능) 이메일 주소 입력에 사용되는 @와 . 특수 문자를 하단에 배치한 키보드 ..

Info.plist contained no UIScene configuration dictionary 프로젝트 > Targets > Info.plist > Custom iOS Target Properties > Application Scene Manifest에서 Scene Configuration 을 추가해 주면 됨

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를 사용해서 반복되는 뷰를 간단한 코드로 화면에 그려 줄 수..

기존에 사용되던 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..