할 일 목록 상태는 항목 추가, 토글, 삭제 규칙으로 점검한다
todo 앱은 작은 예제지만 배열 불변성, key, 파생 통계, 필터링을 동시에 확인할 수 있는 상태 설계 연습이다.
Add
새 항목 생성
id와 text
Toggle
완료 상태 변경
map으로 새 배열
Delete
항목 제거
filter 사용
Derive
count/filter
state에서 계산
작업
상태 처리
검사 포인트
추가
새 배열 반환
id 중복 없음
토글
대상만 변경
원본 객체 직접 수정 금지
삭제
filter
key 안정성
필터
파생값
중복 state 방지