iOS 🍎

SwiftUI TCA 장점 - State 의 변경 -> UI에 즉시 반영 - 코드 작성이 간단함 - State 변경 로직 관리 용이 - 복잡한 State와 이에 따른 Side Effect 처리 용이 단점 - State 관리가 복잡해 질수록 State 변화에 따른 side effect를 관리하기 어려움 - 어려운 구현 난이도 🥊 😫 TCA Binding public func binding( get: @escaping (_ state: ViewState) -> Value, send valueToAction: @escaping (_ value: Value) -> ViewAction ) -> Binding { ObservedObject(wrappedValue: self) .projectedValue[get: ...

별다른 설명 없이도 사용자가 해당 UI가 무엇을 의미하는지, 어떤 기능을 포함하는지 알게끔 ux가 고려 되면 좋겠지만 설명이 필요한 경우도 있어요. 이 설명을 보여주기 위해 TipKit을 사용해 보려고 합니다. 사이드 프로젝트라 minimum target iOS 17로 설정해 놓고 해보고 싶은거 다 해보고 있어요 아이 좋아라 TipKit과 같은 ToolTip이 필요한데 버전이 안되시면 아래 글에서 툴 팁 그리는 방법 참고해 보세요! > 2023.11.06 - [SwiftUI] - [SwiftUI] Shape path로 Tooltip 그리기 What is TipKit Tipkit은 iOS 17 부터 사용할 수 있는 프레임워크로 애플이 제공합니다. 앱에서 사용자에게 설명이나 안내를 표시하는데 사용할 수 있어..

Scope란? 이전 표현 방식 struct Scope where Child : ReducerProtocol 현재 표현 방식 struct Scope: Reducer parent domain을 child domain으로 변경 -> 하위 도메인에서 child reduce를 실행 시킴 큰 규모의 feature을 작은 단위로 쪼개거나 합칠 수 있음 작은 단위의 feature는 큰 규모의 feature 보다 이해하기 쉬우며 test 및 모듈화된 방식으로 관리할 수 있음 Scope 생성 @inlinable public init( state toChildState: WritableKeyPath, action toChildAction: AnyCasePath, @ReducerBuilder child: () -> Child..

출처 및 참고 사이트 https://axiomatic-fuschia-666.notion.site/Chapter-3-TCA-2-c56b24efb2154dad9ed8e54139247024 Chapter 3. TCA의 기본개념(2) 앞선 장에서 우리는 앱의 상태를 나타내는 State와 이를 변경할 수단인 Action, 그 Action의 기능을 구현하고 상태의 변경을 처리하는 Reducer을 알아보며, TCA에서의 데이터흐름에 대해서 살펴보았습니 axiomatic-fuschia-666.notion.site What is Store 런 타임동안 Reducer의 인스턴스를 관리하는 참조 타입 객체 앱의 State, Action을 관리 State의 변화 감지 액션 처리 let store: Store public ty..

출처 및 참고 사이트 https://axiomatic-fuschia-666.notion.site/Chapter-3-TCA-2-c56b24efb2154dad9ed8e54139247024 Chapter 3. TCA의 기본개념(2) 앞선 장에서 우리는 앱의 상태를 나타내는 State와 이를 변경할 수단인 Action, 그 Action의 기능을 구현하고 상태의 변경을 처리하는 Reducer을 알아보며, TCA에서의 데이터흐름에 대해서 살펴보았습니 axiomatic-fuschia-666.notion.site Effect란? Action이 반환하는 타입을 뜻하며 Action을 거친 모든 결과물을 의미한다. 비동기 작업이나 외부 작용에 의해 발생하는 Side Effect는 어떤 처리 이후 예상치 못하게 얻은 결과물을..

프리뷰에서 not building -Onone로 로드가 안되면 Edit Scheme 누르고 Build Configuration 에서 Debug로 변경해주세요 테스트 한다고 잠시 바꿨다가 까먹고 프리뷰 켜니 안되서 당황;; 프리뷰 도대체 어떻게 구현되어 있는건지 신기

.overlay( Rectangle() .stroke(PWColor.gray100, lineWidth: 1) ) // .border(PWColor.gray100, width: 1) 아래border을 사용하면 frame으로 인식하게 됨. 해당 영역 까지 잡혀서 VStack으로 쌓으면 중간은 2가 됨

TCA를 공부하다가 Timer 예시로 무엇을 구현하면 좋을까 생각해 봤더니 쇼핑몰 앱이 떠오르더라구요! 오늘 자정까지의 남은 시간을 계산해서 오늘이 지나면 구매할 수 없도록 버튼을 비활성화 시킬거에요. 타이머를 표시하는 저 부분이 구매 버튼입니다. 구현해 놓고 보니 타이머 UI와 구매하기 버튼을 별도로 분리할 걸 그랬어요 🥲 State struct State: Equatable { var isTimerOn = false var leftTime = "00:00:00" var isBuyButtonDisabled = true } isTimerOn이 true가 되면 타이머를 시작하고 false가 되면 타이머를 cancel 시켜줍니다. leftTime은 버튼 영역의 시간 부분에 표시될 스트링 값이에요. isBuy..