| 제출할 폴더 이름 : | ex05 |
| 제출할 파일 이름 : | index.html, App.js, index.js, ToDoListTemplate.js, ToDoListTemplate.css, Input.js, Input.css, Items.js, Items.css, ItemList.js, 이 외 리액트 프로젝트에 필요한 모든 파일 |
| 사용 가능한 외부 모듈 : | |
| 참고사항 : |
제출할 파일 이름은 바뀌거나, 제거되거나, 추가되어도 됩니다.
이제 ToDoList의 모든 기능을 구현했습니다.
리액트 개발자 도구를 사용하여 불필요하게 렌더링되는 부분을 찾아봅시다.
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko
Item Input 섹션에 텍스트를 썼다 지웠다해보세요. Item을 계속 추가해보세요. Item을 계속 클릭해보세요. Item을 계속 삭제해보세요.
불필요하게 렌더링되는 부분을 컴포넌트 라이프 사이클 메소드를 활용하여 최적화하세요.