UI 의존성 제거를 통한 Application-level 상태 기반 Effect 제어 구조 설계

Context

UI 컴포넌트 내 useEffect를 통한 비즈니스 로직 처리로 인한 관심사 분리 실패 및 컴포넌트 의존성 증가 문제 발생. 특정 화면의 마운트 여부에 따라 애플리케이션 전역 동작(로그인 후속 처리 등)이 결정되는 구조적 한계 직면.

Technical Solution

• Redux Toolkit의 listenerMiddleware를 활용한 UI 레이어 외부의 비즈니스 로직 분리
• Action 중심이 아닌 State 변화 중심의 Predicate-Effect 패턴 도입으로 다양한 Action에 의한 동일 상태 변화를 통합 처리
• Current State와 Previous State의 비교 연산을 통한 불필요한 Effect 실행 방지 및 실행 조건 정밀 제어
• ActionCreator 기반의 단순 이벤트 리스닝과 Predicate 기반의 상태 변화 감지를 구분하여 비즈니스 규칙에 따라 선택적 적용
• UI 컴포넌트의 책임 범위를 View 렌더링으로 한정하고 애플리케이션 동작은 미들웨어 계층으로 이관하는 아키텍처 전환