👻

앱의 상태: State

Created

2024/02/17 14:59

앱의 상태: State

State 는 Reducer 의 현재 상태를 갖는 구조체이다.

→ 비즈니스 로직을 수행하거나 UI를 그릴 때 필요한 데이터에 대한 설명을 나타낼 때 사용된다.

ex) 버튼을 눌러서 어떤 숫자를 +1, -1 해줘야 하는 간단한 View를 만든다

TCA에서 이를 사용하기 위해 아래와 같이 해당 기능을 하는 State 를 정의

struct CounterFeature: Reducer {
	// 기능을 구현하기 위한 변수를 State에 만들어준다.
	struct State: Equatable {
		var count = 0
	}
	// 현재 상태와 새로운 상태를 비교하기 위해 Equatable 프로토콜을 사용

	enum Action: Equatable { /* code */ }

	var body: some ReducerOf<Self> { /* code */ }
}
Swift
복사

이렇게 만든 Reducer 를 View와 연결

struct CounterView: View {
	// let stroe: Store<CounterFeature.State, CounterFeature.Action>의 축약형
	let store: StoreOf<CounterFeature>

	var body: some View {
		withViewStore(self.store, observe: { $0 }) { viewStore in
			// SwiftUI에서도 작동하는 View
			Form {
				Section {
					Button("Decrement") {
						// code
					}
					Button("Increment") {
						// code
					}
				}
			}
		}
	}
}
Swift
복사

기존 바닐라 SwiftUI 뷰에 withViewStore 만 덮어주는 것만으로도 Reducer 를 가진 View를 사용할 수 있게 되었다.

바닐라 SwiftUI ? → Point-Free 내부에서 추가적인 외부 라이브러리나 프레임워크를 사용하지 않고, 기본 SwiftUI 프레임워크를 지칭할 때 사용하는 표현

위 코드에서 Action 은 Equatable 을 빼도 문제가 없지만, State 에 Equatable 을 빼게 되면 에러가 발생한다.

Equatable 이란? Equatable 프로토콜은 Swift 표준 라이브러리에 있는 프로토콜 중 하나로, 값이 동일한지 비교할 수 있는 타입을 정의한다. Equatable 을 채택하는 모든 타입은 == 연산자를 구현하면, 해당 타입의 인스턴스 간 동등성 비교가 가능해진다. Equatable 프로토콜을 채택하려면, 최소한 == 연산자 함수를 구현해야 한다. 이 함수는 두 매개변수(비교할 값들)를 받아서 Bool 값을 반환한다. Equatable 프로토콜은 상태와 액션의 동등성 비교를 가능하게 함으로써, 상태 관리 및 이벤트 처리 로직의 효율성과 정확성을 높이는 데 중요한 역할을 한다.

SwiftUI는 View의 상태가 변경되엇을 때, 해당 View를 자동으로 업데이트 한다.

따라서 상태의 변화를 감지하기 위해 이전 상태와 현재 상태를 비교함으로써 불필요한 렌더링을 방지할 수 있다.

그런데 만약, State 가 클래스와 같은 참조 타입일 경우, 객체의 내부 속성이 변해도 그 객체의 참조는 동일하다. 그렇기 때문에 State 가 참조 타입일 경우, 내부 속성의 변화가 발생해도 SwiftUI는 이를 값의 변화로 간주 하지 않을 수 있다.

즉, 변화를 빠짐없이 체크하기 위해 Equatable 한 Struct 로 설계되었다고 할 수 있다.