새 할 일 텍스트를 state로 관리하고 제출 후 빈 문자열로 되돌립니다.
상태 전이 지도
할 일 앱 상태 전이
할 일 앱은 입력 state, 목록 state, key, 이벤트 핸들러가 모두 연결되어 상태 전이와 렌더링 경계를 한 화면에서 검증할 수 있습니다.
기존 배열을 직접 바꾸지 않고 새 항목을 포함한 새 배열을 만들어 저장합니다.
완료 토글과 삭제가 id 기준으로 원하는 항목에만 적용되는지 확인합니다.
공백 입력을 막고 정상 입력만 목록에 들어가는지 본다.
항목마다 안정적인 id를 key로 사용한다.
완료 여부를 바꿔도 다른 항목은 유지되는지 확인한다.
삭제 후 남은 항목의 표시와 상태가 맞는지 본다.