입력 상태
사용자가 쓰는 텍스트를 controlled input으로 관리한다.
Todo State
할 일 목록 상태 점검
Todo 앱은 폼 입력, 배열 상태 업데이트, 조건부 렌더링이 한 화면에서 맞물리는지 확인하게 해 준다.
Todo 상태 흐름
state exercise추가
제출 시 기존 배열에 새 항목을 불변 업데이트로 더한다.
완료 토글
id를 기준으로 특정 항목의 completed 상태만 바꾼다.
삭제
filter로 제거할 항목을 제외한 새 배열을 만든다.
inputaddtoggledelete
Todo 예제는 작지만, React 상태 업데이트에서 가장 중요한 불변성, 식별자, 이벤트 흐름을 모두 담고 있다.