TODO STATE FLOW
입력값과 목록 상태를 분리하면 UI가 안정된다
Todo 앱은 작지만 폼, 리스트, key, 이벤트, 조건부 렌더링을 한 번에
연습하기 좋은 구조입니다.
상태 모델inputText는 현재 입력, todos는 항목 배열입니다. 각
todo는 id, text, completed를 가집니다.
Add제출 시 새 id를 가진 항목을 배열에 추가하고 입력값을
비웁니다.
Rendertodos.map으로 목록을 그리고 key는 index가 아니라 고유 id를
씁니다.
Toggle대상 id만 찾아 completed 값을 반대로 바꿉니다.
Deletefilter로 대상 id를 제외한 새 배열을 만듭니다.
상태 업데이트는 기존 배열을 직접 바꾸지 않고 새 배열을 반환해야 렌더링
일관성이 유지됩니다.