State Machine 기반 설계로 복잡한 상태 전이 및 Coordination Tax 제거

Context

다단계 폼 구현 시 다수의 useState 사용으로 인한 상태 간 의존성 증가와 관리 복잡도 상승. 독립적 상태 업데이트로 인해 발생하는 Stale Closure 버그 및 상태 간 동기화 로직의 파편화라는 한계 직면.

Technical Solution

• State Machine 개념을 도입하여 복잡한 상태 전이를 명시적 Action으로 정의한 useReducer 구조 설계
• 다수의 useState 호출을 단일 Reducer로 통합하여 상태 간 Coordination Tax 제거 및 원자적 업데이트 보장
• Functional Update 형식을 적용하여 이전 상태에 의존하는 업데이트 시 Stale Closure 문제 원천 차단
• 단순 데이터 변경은 useState를 유지하고 상태 간 상호작용이 필요한 경우 useReducer로 전환하는 결정 기준 수립
• 단일 엔티티 기반의 낙관적 업데이트는 useOptimistic을 활용하되 복잡한 복구 로직 필요 시 전용 라이브러리로 대체하는 계층적 전략 채택