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

SwiftUI의 애니메이션은 UIKit보다 훨씬 간단하다. Animating state changes 직역해보면 물음표 짓게 만들지만 코드를 보면 이해가 된다. Adding animation Image(systemName: "chevron.up.square") .rotationEffect(.degrees(showDetails ? 0 : 180)) .animation(.default) 1, 2번 라인은 showDetails값에 따라 rotation을 업데이트한다. 즉 3번 라인이 없어도 무방하다. .animation(.default) 한 줄로 이미지가 회전하는 애니메이션이 생겼다. 0과 180을 오가는 애니메이션은 정방향 기준으로 시계방향으로 회전할 것이다. 하지만 180대신 -180을 넣으면 반시계방향으..

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..

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가 제안한 사이즈를 고려하여 자신의 사이즈를 결정한..