useState 오용 방지를 통한 React 상태 관리 복잡도 최소화

Context

개별 useState 남용으로 인한 상태 불일치 및 불필요한 리렌더링 발생. 상태 간의 의존성이 강함에도 독립적으로 관리하여 데이터 무결성 유지 비용이 증가하는 구조적 한계 노출.

Technical Solution

• 연관된 상태들을 단일 Object로 그룹화하여 관련 데이터의 원자적 업데이트 보장
• Boolean 기반의 개별 상태를 단일 String 기반의 status 상태로 전환하여 상호 배타적인 상태 전이 모델 구현
• 기존 상태로부터 유도 가능한 파생 데이터(Derived State)를 useState가 아닌 렌더링 시점의 계산 로직으로 대체
• Props를 useState의 초기값으로 사용하는 패턴을 제거하여 부모 컴포넌트의 상태 변경이 자식에게 즉각 반영되는 단방향 데이터 흐름 확립
• 동일 데이터의 중복 상태 저장을 지양하고 ID 기반의 참조 구조를 설계하여 단일 진실 공급원(Single Source of Truth) 확보