[Feature] 탭바기능 및 화면연결 TCA로 리팩토링

[Seokki-Kwon]

AS-IS

기존의 화면플로우 구조를

TO-BE

TCA를 사용한 구조로 변경합니다.

KEY-POINT

• 탭뷰UI 구성
• 탭뷰에 나타나는 각화면 파일 생성
• 탭뷰기능을 담당하는 MainTabFeature 구성
• 앱전체 상태를 관리하는 AppFeature 구성

TCA를 이용하여 앱전체의 화면플로우 구성

AppFeature: 앱전체의 상태를 관리하는 최상위 리듀서입니다
MainTabFeature: 탭바리듀서를 embed 한다.

AppFeature에서 자식리듀서의 상태를 관리하고 scope을 정의하여 하위리듀서를 넘겨줍니다 이렇게하면 자식리듀서에서 발생한 액션을 부모리듀서에서 감지하여 추가적인 로직을 실행할 수 있습니다.

   Reduce { state, action in
            switch action {
            case .requestLogin:
                return .run { send in
                    try await Task.sleep(nanoseconds: 2_000_000_000)
                    await send(.loginCompleted)
                }
           // 하위리듀서 SettingFeature의 액션을 전달받음
            case .mainTab(.setting(.logoutButtonTap)):
                state.loginState = .onboarding
                return .none
            case .login(.loginButtonTap):
                state.loginState = .home
                return .none
            case .loginCompleted:
                state.loginState = .home
                return .none
            default:
                return .none
            }
        }
...

AppFeature에서 settingReducer의 logoutButtonTap 액션을 전달받아 상태를 변경합니다.

자식리듀러서넘겨줄때 넘겨줄 scope을 정의해야합니다.

SettingView(store: store.scope(state: \.setting, action: \.setting))

SCREENSHOT (Optional)

TCA 공식문서 Scope
https://pointfreeco.github.io/swift-composable-architecture/0.54.0/documentation/composablearchitecture/scope/