• 일단… 항상 React를 만들어오고 (create-react-dom) 기계적으로 App.js에 코딩을 하고 컴포넌트를 만들어서 렌더링 하는 것에 집중. 왜 App.js에 코딩한 것이 화면에 렌더링 되는 건지 신경 안 썼음…
• GlobalStyle
• completed 때문에 styled-components HTML DOM 전달 오류 (more)
• 로컬 스토리지가 자꾸 초기화 됨;;;;;;;; → 해결! 비동기… 동기… 와우…!!!!!!!!!
• 비동기로 해결한 것에서… 다른 오류도 발생!!
• input에 한 글자, 한 글자 입력할 때마다 form이 리렌더링 되는 것 해결 (useRef 사용)
• 이벤트 버블링 ㅁㅊ!!!!!!!
• Date 부분 리렌더링 방지
• 특정 todo를 삭제하거나 완료하거나 새로 추가 시 다른 todoitem이 리렌더링 되는 것 해결(함수들에 useCallback 써서)
• 폰트 추가 왜 public에 저장해야 하지?
• sort
• map 메서드
• 체크박스를 클릭하거나 새로운 todo를 추가하거나 삭제할 때 App 컴포넌트가 리렌더링 됨.
• StrictMode 때문에 alert가 두 번 렌더링 → 이유가 뭐니
• 전역 상태 관리의 편리함을 느낌…