[TIL] DAY-15 Vanilla JS TodoList

💻 TodoList 앱 강화

내용

• 컴포넌트에 new를 붙이지 않고 쓸 경우 에러가 나도록 방어코드 생성

• state를 갖는 컴포넌트의 경우 입력값에 대한 검증 추가

• 가급적 변수는 const로 선언

• Todo의 값에 isCompleted라는 값을 추가, Todo를 클릭하면 해당 값이 토글 되도록 구현

• isCompleted가 true인 경우 text에 삭선 효과 추가, false일 경우 효과 제거

• Todo text 옆에 삭제 button 생성

• TodoCount 컴포넌트 생성, 컴포넌트는 TodoList 아래에 렌더링 되도록 추가

• 완료된 Todo의 갯수 / 전체 Todo 갯수를 표시

보완해야할 점

• commit 단위나 commit 컨벤션 그리고 메시지에 대해 적절히 사용하는지 의문
• 코드 통일성이나 코드의 가독성에 대해서 더 고민하고 보완할 예정
• 파일 분리나 파일명에 대해서 그리고 컴포넌트 단위가 적절한지
• 유효성 검사에 대해 다른 방법을 더 공부하고 시도해볼 예정
• css 파일 분리만 하고 css적인 요소는 넣지 못해서 추가 예정

회고🥲

데이터를 받아올 때 고차함수를 많이 사용하고, 사용하는 매개변수 또한 많아서 복잡해지는 느낌을 받았다. 데이터 설계의 중요성도 느꼈고 파일 분리에 대해서는 어느정도 잘 할수 있다고 생각했는데 완전 착각이였다. 과제를 마무리 하느라 강의가 많이 밀려서 주말동안 밀린 강의를 다 들을 예정이다..! 나태해지지말고 열심히 하자!!!