Swiftui

WWDC22 - Navigation Cook book in SwiftUI developer.apple.com/wwdc22/10054/ SwiftUI를 사용하면서 항상 문제가 되는 부분은 Navigation입니다. 이번 iOS16 업데이트에서 딥링크, 프로그래밍적 navigation 등 다양한 장벽들을 해소할 수 있는 새로운 API가 많이 등장했습니다. 개인적으로 iOS

SwiftUI 개요 SwiftUI에 대해서 집중적으로 다루기 전에 SwiftUI의 개요에 대하서 알고 정리하고 넘어가려 한다. SwiftUI 2019년 발표된 SwiftUI는 애플 계열의 어플리케이션을 개발하는데 기존과 다른 완전히 새로운 방법을 제공한다. SwiftUI의 기본 설계 목적은 앱을

SwiftUI에서 page based navigation 사용하기 apple watch의 UI 베이스는 주로 page base navigation 형태를 취하고 있다. apple watch는 작은 화면에서 사용자에게 같은 레벨의 UI를 제공하기 위해 페이지 형태를 제공하고 있다. Designing for the

Circle Timer 만들기_4_MVVM_Combine 앞서 타이머 UI를 만들었는데, 이제 실제 UI를 만들어 보려 한다. 실제 프로젝트에서는 RxSwift와 MVVM을 사용해 개발하는데, 이번에 SwiftUI로 화면을 만들기 시작했으니 이번 기회에 Combine을 사용해보려 한다. MVVM 예전에 SwiftUI와 MVVM에

Circle Timer 만들기_3_User_Interation(SwiftUI, gesture, DragGesture) 이제 타임 타이머와 마찬가지로 손가락을 이용해서 시간을 설정할 수 있는 기능을 넣겠습니다. 손가락으로 시간을 변경 하려면 사용자의 drag 제스쳐를 잡아낼 수 있어야 합니다. 사전에 만든 CircleShape를 화면에 붙여줍니다.

Circle Timer 만들기_2(SwiftUI, CoreGraphics, Shape) 앞선 포스트에서는 Path를 사용화 화면을 그렸다. 타임 타이머와 유사한 화면을 그렸다. 이번 포스트에서는 Shape를 사용해 이전에 구현했던 것과 같은 화면을 그리려 한다. Shape와 Paths의 차이는 앞선 포스트를 설명했다.

Circle Timer 만들기(SwiftUI, CoreGraphics, Paths) 목표 타임 타이머 형태의 원형 뷰를 만든다. 사용자의 움직임에 따라서 각도를 변경한다. 원 그리기 타임 타이머 Mod 의 핵심은 시각적으로 붉은색 원이 줄어드는데 있다. 따라서 자유 자제로 저

SwiftUI - Paths와 Shapes SwiftUI: Paths vs. Shapes SwiftUI에서 도형을 그릴 일이 생겼는데 구글링 해보면 사람들마다 방법이 다양하다. SwiftUI에서는 크게 2가지 방식으로 도형을 그린다. Paths - 도형의 외곽선을 포함하는 구조체 Shape - 단일

SwiftUI, Combine, MVVM 1) - Financing MVVM을 중점으로 저번 포스트-Financing)에서 SwiftUI를 사용해 예제 디자인의 절반 정도 화면을 만들어보고 State를 이용해 MVVM viewModel을 만들어봤다. 사실 저번에 만든 viewModel은 MVVM 아키텍처를 구체화했다고 하기 뭐할 정도로

SwftUI, Combine MVVM - Financing 이전 포스트에서는 주로 SwiftUI를 공부하면서 화면을 디자인해보는 작업을 진행했었다. 이런 연습은 예전에 Flutter를 공부할 때 어느 유튜버가 매일매일 화면을 만드는 영상을 올렸던 것을 보고 따라 하기 시작한 것으로