김종권의 iOS 앱 개발 알아가기

목차) SwiftUI의 기본 - 목차 링크 Image 단순히 Image("imageName")으로 사용 struct ContentView: View { var body: some View { Image("book") } } 공간에 맞게 이미지 크기를 조정하는 모드 설정 resizable()를 선언 화면에 맞추어서 채워지는 효과 struct ContentView: View { var body: some View { Image("book") .resizable() //

목차) SwiftUI의 기본 - 목차 링크 Font를 사용하기 전에, dark mode도 확인위한 preview 설정 preview에 ColorScheme.allCases로 컬러 스킴에 접근하여 preferredColorScheme을 지정하여 dark mode도 확인할 수 있도록 설정 struct ContentView_Previews: PreviewProvider { static var previews: some View { ForEach(ColorScheme.allCases, id: \.self) { ContentView().preferredColorScheme($0) } } } System Font 사용 방법 systemFont .font로 Text에 적용이 가능 systemFont는 맥에서 자주 사..

목차) SwiftUI의 기본 - 목차 링크 * TextField 기본 개념 (@FocusState, 키보드 숨기기 사용 방법)은 이전 포스팅 글 참고 ViewModifier ViewModifier는 Text ViewModifier에서 알아본 내용처럼, SwiftUI에서는 상속이 불가능한 Struct를 사용하고 있고 이 때 컴포넌트화해서 쓰고 싶은 경우 Modifer를 이용하여 사용 ex) Text에서 Modifier를 사용한 경우 (정의하는 쪽) // MyTextModifier.swift import SwiftUI struct MyTextModifier: ViewModifier { func body(content: Content) -> some View { content .font(.system(size..

목차) SwiftUI의 기본 - 목차 링크 TextField 값을 입력받을 수 있는 컴포넌트 SwiftUI에서는 @State 상태 프로퍼티 하나를 두고 값이 입력되면 여기에도 입력되도록 구현 struct ContentView: View { @State private var username = "" var body: some View { TextField( "User name", text: $username ) } } @FocusState 텍스트 필드의 포커스 (firstResponder) 관리는 @FocusState를 사용하면 매우 손쉽게 코드에서도 제어가 가능 @FucusState에 사용할 텍스트 필드의 타입을 정의 enum Field { case username case email } email 텍스..

목차) SwiftUI의 기본 - 목차 링크 Text Text()로 사용 struct ContentView: View { var body: some View { Text("text") } } underline, strikethough, baselineOffset struct ContentView: View { var body: some View { VStack { Text("text1") Text("underline") .underline() Text("strikethrough") .strikethrough() Text("base line ofset(30)") .baselineOffset(30) } } } kerning과 tracking kerning은 문자간의 offset을 조절 tracking은 후행 ..

목차) SwiftUI의 기본 - 목차 링크 View Protocol View 프로토콜 프로토콜이고, body라는 computed property를 가지고 있는 타입 view를 입력할 수 있게하는 인터페이스를 제공하는 역할 @available(iOS 13.0, macOS 10.15, tvOS 13.0, watchOS 6.0, *) public protocol View { associatedtype Body : View @ViewBuilder var body: Self.Body { get } } @ViewBuilder @resultBuilder를 사용하여 정의한 struct 형 @resultBuilder는 swift5.4에서부터 나온 api이며, 개념은 이전 포스팅 글 참고 (@resultBuilder를 사..

Views and Controls View protocol Text, Text ViewModifier TextField TextField ViewModifier, SecureField Font Image SF Symbols Button, ButtonStyle ButtonStyle, PrimaryButtonStyle을 이용한 커스텀 버튼 EditButton, PasteButton Toggle, ToggleStyle을 이용한 커스텀 토글 Picker, PickerStyle DatePicker, ColorPicker Slider Stepper NavigationView, NavigationLink Layout, Presentation HStack, VStack, ZStack, LazySatck List (리프..

App이란? Star라는 앱을 만들면 자동으로 StarApp.swift파일과 ContentView.swift파일이 자동으로 생성 App을 상속받고 있는 StarApp을 확인 import SwiftUI @main struct StarApp: App { var body: some Scene { WindowGroup { ContentView() } } } App이란? 앱의 구조와 동작을 나타내는 타입 App 위에는 @main이라는 어노테이션을 사용하여 앱의 entry point를 명시하여 같이 사용 cf) SwiftUI를 공부하면서 사용할 유용한 단축키 (document 오픈 + 검색): control + cmd + option + / body라는 computed property를 이용하여 앱의 content..