리액트 훅을 활용
하나의 함수가 하나의 기능을 담당하기 위해 최대한 분리된 코드 작성
- useInput : 인풋 태그에 텍스트 변화를 체크
- useValidate : 조건에 맞는 경우 버튼의 사용 가능 여부 표시
- useToggle : 체크 박스 체크 확인
- useTodos : 투두 리스트 변경 여부 체크
특징
- typescript와 DTO를 활용한 서버와 데이터를 주고 받을 때 명시적 타입 검사
- context api를 활용하여 todo 리스트를 전역 상태로 관리
- WHY : 이후의 기능이 추가될 경우 복잡해는 경우를 대비
- 백엔드 API의 CURD 기능을 따로 분리
- WHY : 언제 어디서 기능을 사용해야하는 경우
- useTodos 훅의 HOF의 형태 함수를 통해서 서버에서 비동기 처리 이후의 todos 상태 변화를 업데이트합니다.
- 폴더별 index 파일을 작성하여 깔끔하게 관리