-
컴포넌트에 new를 붙이지 않고 쓸 경우 에러가 나도록 방어코드 적용
-
state를 갖는 컴포넌트의 경우, initialState를 받는 부분과 setState 함수에서 nextState를 받는 부분에서 state에 대한 validation을 적용
-
가급적 변수는 const로 선언하며, 부득이한 경우에만 let을 사용
-
To do의 값에 isCompleted라는 값을 추가합니다. 그리고 TodoList의 Todo를 클릭하면 해당 값이 토글 되도록 구현했습니다.
- isCompleted가 true인 경우 text에 삭선이 그어지도록 구현하였으며 false로 바뀌면 삭선을 없애도록 구현하였습니다.
-
Todo text 옆에 삭제 button을 구현, 누르면 삭제 되도록 처리합니다.
- TodoCount 컴포넌트를 구현.이 컴포넌트는 TodoList 아래에 렌더링 하며, 완료된 Todo의 갯수 / 전제 Todo 갯수를 표시합니다.
- 이때 TodoCount에서 TodoList에 직접 접근해서 데이터를 가져오면 안되도록 구현하였습니다.
- TodoList의 완료하지 못한 일들을 우선 순위를 높여 상단에 위치하도록 구현