01. TodoList - 프로젝트 생성 UI 준비 1
- TodoTemplate
to do list의 레이아웃을 설정하는 템플릿
- TodoHead
오늘의 날짜와 요일을 보여주고, 앞으로 해야할 일이 몇개나 남았는지 보여줌
- TodoList
할 일에 대한 정보를 담겨있는 todos라는 배열을 map 내장함수를 사용하여 여러개의 TodoItem 컴포넌트를 렌더링 해주는 컴포넌트
- TodoItem
할 일 각 항목에 대한 정보를 보여주는 컴포넌트. 좌측에 있는 원을 누르면 완료 여부를 토글할 수 있음. 완료된 일을 글의 색상이 연해지고, 왼쪽에 체크 표시가 나타남 오른쪽에 마우스를 올리면 삭제 아이콘이 나타나고, 누르면 삭제됨.
- TodoCreate
새로운 할 일을 등록할 수 있게 하는 컴포넌트.