고무망치의 Dev N Life 고무망치의 Dev N Life

Creating shapes SwiftUI은 드로잉 Structure를 제공하는데 그 중 가장 간단한 것이 Rectangle이다. Rectangle() 이렇게 하면 검은색으로 화면이 뒤덮일것 .frame(width: 200, height: 200) 이렇게 추가해주면 화면 가운데에 200x200의 검은 사각형이 생긴다. .environment(\.colorScheme, .dark) 컬러 스킴에 따라 다른 색의 사각형이 생기는 것도 확인 가능 .fill(Color.blue) 명시적으로 컬러 선택도 가능 Using gradients .fill( LinearGradient(gradient: .init(colors: [Color.green, Color.blue]), startPoint: .bottomLeading..

Displaying a modal sheet SwiftUI가 @State 프로퍼티를 사용하여 Modal을 띄우는 방식엔 2가지가 있음 Bool을 사용하여 true일 때 띄우기 Optional을 사용하여 not nil일 때 띄우기 @State private var isPresented = false Button(action: { self.isPresented.toggle() }) { HStack { someViews() } .sheet(isPresented: $isPresented, onDismiss: { print("Modal dismissed. State now: \(self.isPresented)") }) { viewToPresent() } } Programmatically dismissing a m..

Prepending prepend(Output...) let publisher = [3, 4].publisher publisher .prepend(1, 2) .sink(receiveValue: { print($0) }) .store(in: &subscriptions) 1 2 3 4 prepend(Sequence) Sequence프로토콜을 따르는 타입을 전달받을 수 있음 let publisher = [5, 6, 7].publisher publisher .prepend([3, 4]) .prepend(Set(1...2)) .prepend(stride(from: 6, to: 11, by: 2)) .sink(receiveValue: { print($0) }) .store(in: &subscriptions) 6 8..

filter(_:) let numbers = (1...10).publisher numbers .filter { $0.isMultiple(of: 3) } .sink(receiveValue: { n in print("\(n) is a multiple of 3!") }) .store(in: &subscriptions) 3 is a multiple of 3! 6 is a multiple of 3! 9 is a multiple of 3! removeDuplicates() let words = "hey hey there! want to listen to mister mister ?" .components(separatedBy: " ") .publisher words .removeDuplicates() .sink(r..

import SwiftUI struct ContentView: View { @State private var isPresented = false var body: some View { Button("Present!") { self.isPresented.toggle() } .fullScreenCover(isPresented: $isPresented, content: FullScreenModalView.init) } } struct FullScreenModalView: View { @Environment(\.presentationMode) var presentationMode var body: some View { VStack { Text("This is a modal view") } .frame(maxWi..

Ch11. Lists & Navigation Navigating through a SwiftUI app SwiftUI는 2가지 타입의 네비게이션을 제공한다. Flat - TabView를 사용 Hierarchical - NavigationView를 사용 Creating navigation views // 1 TabView { // 2 FlightBoard() // 3 .tabItem({ // 4 Image(systemName: "icloud.and.arrow.down") .resizable() Text("Arrivals") }) FlightBoard() .tabItem({ Image(systemName: "icloud.and.arrow.up") .resizable() Text("Departures") })..

Ch9. State & Data Flow SwiftUI는 많은 장점을 가지고 있는데 Declarative: View를 구현하지 않고 선언하는 방식으로 구현한다. Functional: 같은 State에서 항상 같은 UI 결과물을 갖는다. Reactive: State가 변경되면 SwiftUI가 자동으로 UI를 업데이트한다. State 이 책에서 @State라는 문법을 많이 봤다. var numberOfAnswered = 0 var numberOfQuestions = 5 var body: some View { // 1 Button(action: { // 2 self.numberOfAnswered += 1 }) { // 3 HStack { Text("\(numberOfAnswered)/\(numberOfQues..

Ch8. Introducint Stacks & Containers Layout for views with a single child struct ChallengeView: View { var body: some View { Text("Hello World!") .background(Color.red) } } Text("A great and warm welcome to Kuchi") .background(Color.red) SwiftUI가 ParentView와 ChildView의 사이즈를 결정하는 방식 Parent view가 생성될 때, 사용 가능한 프레임을 결정한다. Child view에게 이 프레임을 제안한다. Child view는 Parent view가 제안한 사이즈를 고려하여 자신의 사이즈를 결정한..