본문 바로가기
728x90
반응형

TCA14

Swift TCA Counter 예제 CounterStore 테스트하기 이전글 2023.06.15 - [Swift] - Swift에서 TCA 아키텍처를 활용한 UIKit과 Combine을 사용한 Counter 예제 우리는 CounterStore 클래스를 테스트하기 위해 XCTest 프레임워크를 사용할 것입니다. 이 테스트 케이스는 CounterStore 클래스의 핵심 로직을 테스트하여 "increase"와 "decrease" 액션에 따른 count 값의 증가와 감소를 확인할 것입니다. import XCTest import Combine @testable import MyCounterApp // 여기서 MyCounterApp은 프로젝트의 모듈 이름입니다. 실제 모듈 이름으로 대체해주세요. class CounterStoreTests: XCTestCase { var counter.. 2023. 7. 27.
Swift TCA로 위젯 예제 개발하기 안녕하세요! 이번 블로그에서는 Swift TCA (The Composable Architecture)를 활용하여 위젯 예제를 개발하는 방법을 소개하겠습니다. 위젯은 iOS 14 이상에서 지원되는 강력한 기능으로, 사용자의 홈 화면에 앱의 정보를 간편하게 표시할 수 있게 해줍니다. 프로젝트 설정 및 위젯 활성화 먼저 Xcode에서 새로운 iOS 프로젝트를 생성합니다. iOS 14 이상에서만 동작하는 위젯을 만들기 위해 프로젝트 설정에서 iOS 14 이상을 대상으로 설정합니다. 또한 위젯을 활성화하기 위해 App Groups을 설정합니다. Swift TCA 설치 Swift TCA는 Swift Package Manager를 통해 쉽게 추가할 수 있습니다. Xcode에서 프로젝트를 열고, Swift TCA 패키.. 2023. 7. 26.
Swift TCA (The Composable Architecture) 사용 후기 안녕하세요! 오늘은 Swift TCA (The Composable Architecture)를 사용한 후기를 공유하고자 합니다. Swift TCA는 SwiftUI와 함께 사용하기에 적합한 아키텍처 패턴으로, 복잡한 앱을 쉽게 관리할 수 있도록 도와줍니다. 소개 Swift TCA는 기능 기반(Functional) 프로그래밍과 단방향 데이터 흐름을 기반으로 하는 아키텍처로, 상태(State)와 액션(Action)에 중점을 둡니다. 또한 강력한 기능을 제공하는 Reducer 패턴을 사용하여 앱의 상태 변화를 예측 가능하고 테스트하기 쉽게 만들어줍니다. 장점 단순함: TCA는 상태와 액션을 사용하여 앱의 동작을 모델링하기 때문에 코드가 단순하고 가독성이 높습니다. 이로 인해 팀원들과의 협업과 유지보수가 원활해집니.. 2023. 7. 25.
TCA를 활용한 계산기 앱 및 테스트 코드 작성하기 모델과 액션 정의 TCA의 기본 구성 요소인 상태(State)와 액션(Action)을 정의합니다. import Foundation enum CalculatorAction { case digitTapped(String) case clearTapped case equalTapped case operatorTapped(String) } struct CalculatorState: Equatable { var display: String = "0" var result: Double? = nil var operatorSymbol: String? = nil } 리듀서 정의 앱의 상태(State)와 액션(Action)을 기반으로 리듀서를 정의합니다. import ComposableArchitecture let calc.. 2023. 7. 25.
Swift TCA와 Environment로 앱의 라이프사이클 체크하기 모델과 액션 정의 TCA의 기본 구성 요소인 상태(State)와 액션(Action)을 정의합니다. import Foundation struct AppState: Equatable { var isForeground: Bool = false var isBackground: Bool = false } enum AppAction { case setForeground(Bool) case setBackground(Bool) } 리듀서 정의 앱의 상태(State)와 액션(Action)을 기반으로 리듀서를 정의합니다. import ComposableArchitecture let appReducer = Reducer { state, action, environment in switch action { case .setF.. 2023. 7. 25.
Swift TCA와 UIKit으로 실시간 검색 앱 만들기 모델과 액션 정의 TCA의 기본 구성 요소인 상태(State)와 액션(Action)을 정의합니다. import Foundation struct AppState: Equatable { var searchText: String = "" var searchResults: [String] = [] } enum AppAction { case setSearchText(String) case setSearchResults([String]) } 리듀서 정의 앱의 상태(State)와 액션(Action)을 기반으로 리듀서를 정의합니다. import ComposableArchitecture let appReducer = Reducer { state, action, environment in switch action { ca.. 2023. 7. 25.
Swift TCA와 Swinject를 활용한 Navigation 샘플 만들기 Step 1: 프로젝트 설정과 기본 환경 구성 Xcode를 열고 새로운 프로젝트를 생성합니다. "Single View App" 템플릿을 선택하고, 프로젝트 이름을 "TCAWithSwinject"로 지정합니다. Step 2: Swinject 설치 및 설정 Podfile을 열고 Swinject를 설치합니다. platform :ios, '13.0' target 'TCAWithSwinject' do use_frameworks! pod 'Swinject', '~> 2.7' pod 'SwinjectAutoregistration', '~> 2.7' # 다른 라이브러리들을 추가할 수도 있습니다. end Step 3: Navigation 기능을 위한 View와 State 구현 프로젝트 내에 NavigationState... 2023. 7. 20.
TCA와 UIKit을 활용한 DSR 계산기 Step 1: 프로젝트 설정과 기본 환경 구성 Xcode를 열고 새로운 프로젝트를 생성합니다. "Single View App" 템플릿을 선택하고, 프로젝트 이름을 "DSRCalculator"로 지정합니다. SwiftUI 및 UIKit을 함께 사용하기 위해 "Bridging Header"를 생성하고 SnapKit을 설치합니다. Step 2: 모델 클래스 구현 프로젝트 내에 DSRData.swift 파일을 생성합니다. DSR 계산기에서 사용될 데이터 모델을 정의합니다. import Foundation struct DSRData { var totalMonthlyIncome: Double var totalMonthlyDebtPayments: Double } Step 3: UIKit 기반의 화면 구성 프로젝트 내.. 2023. 7. 20.
Swift TCA로 Apple SNS 로그인 구현하기 Swift TCA(Two Complementary Architectures)는 Redux 아키텍처를 기반으로 한 Swift 앱 아키텍처 패턴입니다. 이번 예제에서는 Apple SNS 로그인을 구현해보겠습니다. Apple SNS 로그인을 위해서는 Apple Developer 계정에 등록하고, 인증을 처리하기 위한 API를 사용해야 합니다. 이를 위해 Sign in with Apple 기능을 활용하여 로그인을 구현합니다. 1. 상태(State) 정의 로그인 상태를 저장할 State를 정의합니다. 로그인 성공 여부와 사용자 정보를 저장하도록 합니다 import Foundation struct AppState { var isLoggedIn: Bool = false var user: User? } struct U.. 2023. 7. 16.
SwiftUI와 Combine을 활용한 TCA 아키텍처 TodoList 예제 안녕하세요! 이번에는 SwiftUI와 Combine을 사용하여 TCA(Typed Redux with Combine) 아키텍처를 활용한 TodoList 예제를 소개하겠습니다. TCA는 SwiftUI와 Combine을 결합하여 상태 관리와 애플리케이션 로직을 효과적으로 관리할 수 있는 아키텍처 패턴입니다. 상태(State) 정의하기 TodoList의 상태를 정의하기 위해 구조체로서의 상태(State)를 만듭니다. 아래와 같이 코드를 작성해주세요. struct TodoState: Equatable { var todos: [Todo] = [] } struct Todo: Equatable, Identifiable { var id: UUID = UUID() var title: String var isComplete.. 2023. 7. 11.
SwiftUI와 Combine을 활용한 TCA 아키텍처 계산기 예제 안녕하세요! 이번에는 SwiftUI와 Combine을 사용하여 TCA(Typed Redux with Combine) 아키텍처를 활용한 계산기를 만드는 예제 코드를 소개하겠습니다. TCA는 SwiftUI와 Combine을 결합하여 상태 관리와 애플리케이션 로직을 효과적으로 관리할 수 있는 아키텍처 패턴입니다. 프로젝트 설정 먼저 Xcode에서 새로운 SwiftUI 프로젝트를 생성합니다. SwiftUI 및 Combine 프레임워크가 포함되어 있는지 확인하세요. 필요한 모듈 가져오기 다음과 같은 Combine 및 TCA 관련 모듈을 import 해줍니다. import SwiftUI import Combine import ComposableArchitecture 상태(State) 정의하기 계산기의 상태를 정의하.. 2023. 7. 11.
Swift TCA에서 Environment의 역할 SwiftUI를 기반으로 한 Typed Composable Architecture(TCA)는 복잡한 앱 상태 관리와 상호작용을 위한 강력한 도구입니다. TCA의 핵심 개념 중 하나는 "environment"입니다. Environment은 주로 앱의 의존성을 캡슐화하고 상태 및 액션과 상호작용하는 외부 시스템과의 통신을 담당합니다. Environment를 이해하기 위해 예시 앱을 가정해보겠습니다. 예를 들어, 할 일 목록을 관리하는 앱을 만든다고 가정해봅시다. 우리의 앱은 할 일을 저장하고 가져오는 네트워크 서비스와 상호작용해야 합니다. 이런 경우, TCA의 environment를 사용하여 이 작업을 처리할 수 있습니다. 1. Environment 모델링하기 첫 번째로, 우리는 앱의 외부 시스템과 상호작용.. 2023. 7. 3.
Swift TCA에서 eraseToEffect의 사용법 Swift TCA (The Composable Architecture)는 SwiftUI 애플리케이션의 상태 관리를 위한 강력한 아키텍처 패턴입니다. TCA는 비동기 작업을 관리하기 위한 Effect 개념을 제공하며, Effect는 Publisher를 반환합니다. 이번 블로그에서는 Swift TCA에서 Effect를 반환하는 Publisher를 eraseToEffect를 사용하여 적절한 형식으로 변환하는 방법을 예제 코드와 함께 알아보겠습니다. eraseToEffect란? eraseToEffect는 Combine의 Publisher를 Effect 형식으로 변환하기 위한 메서드입니다. Effect는 TCA에서 비동기 작업을 처리하는 데 사용되는 타입이며, eraseToEffect를 사용하여 Publisher.. 2023. 6. 19.
Swift에서 TCA 아키텍처를 활용한 UIKit과 Combine을 사용한 Counter 예제 소개: 이번 블로그 포스트에서는 Swift에서 TCA (The Composable Architecture) 아키텍처를 UIKit과 Combine을 함께 활용하여 Counter 예제를 구현해보겠습니다. TCA는 구성 가능성과 불변성에 중점을 둔 현대적인 아키텍처 패턴으로, Combine을 함께 사용하여 상태 관리와 이벤트 처리를 효율적으로 다룰 수 있습니다. 이 예제를 통해 TCA, UIKit, 그리고 Combine을 함께 사용하는 방법을 알아보겠습니다. TCA 구현: 1단계: 상태(State) 정의 Counter 예제에서는 카운트 값을 저장하는 상태를 정의합니다. Combine의 @Published 프로퍼티 래퍼를 사용하여 변경 가능한 상태를 만들 수 있습니다: import Combine class Co.. 2023. 6. 15.
728x90
반응형