'아이젠하워 매트릭스'를 구현 시도

할일을 추가하려고 하면, 사진과 같은 아이젠하워 매트릭스가 표시됨. 중요도에 따라 할일들간의 우선순위를 정하기 위함.

최초 버그 발생 시, 데이터 흐름과 상태 불변성 위반을 주요 원인으로 가정함.

• Props 전달 오류: 자식 컴포넌트에서 부모 컴포넌트로의 데이터 전달 과정을 검토하고 관련 코드(props 타입, 함수 인자)를 수정했으나, 문제 해결에 실패함.
• 상태 불변성 위반: 상태 배열을 직접 수정하는 함수(sortTodos)를 발견하고, 배열 복사본([...todos])을 통해 정렬하도록 수정했으나, 이것이 근본 원인이 아님을 확인함.
• 근본 원인 파악: 정렬 로직 비활성화 테스트를 통해 문제가 더 깊은 곳에 있음을 인지함. 다수의 useState 상태 변경 함수가 거의 동시에 호출될 때 발생하는 '상태 업데이트 충돌'이 실제 원인임을 파악함. 이는 여러 Modal이 중첩된 복잡한 UI 구조에서 React Native 렌더링 엔진에 혼란을 초래하여 앱 멈춤 현상을 유발하는 것으로 분석됨.
• 문제 해결 전략 수립: 상태 관리의 복잡성을 줄이기 위해 책임 소재를 명확히 하는 해결책을 설계함. 자식 컴포넌트가 각자의 Modal 가시성을 직접 제어하는 대신, 모든 데이터 처리가 완료된 후 최상위 부모 컴포넌트가 모든 UI 상태를 한 번에 통제하도록 로직을 통합함.

현재 이 오류는 수정되지 않았음.