[리액터 스타터2] project 2 [할 일 관리] 앱 만들기 1
1. 프로젝트 준비하기 기능 오늘의 날짜를 요일, 월, 일, 연도순으로 표시한다. 할 일(Todo)을 작성하는 입력 폼이 있고, 버튼을 클릭하면 할 일 아이템을 생성한다. [할 일 관리] 앱은 생성한 아이템을 페이지 하단에 리스트로 표시하는데, 키워드 검색으로 원하는 할 일만 추출할 수 있다. 리스트로 표시하는 낱낱의 할 일 아이템은 일을 마쳤는지 여부를 표시하는 체크박스, 아이템 이름, 등록 날짜, 그리고 버튼으로 이루어져 있다. [할 일 관리] 앱의 UI 요소의 컴포넌트 Header: 오늘의 날짜를 표시 형식에 맞게 보여 준다. TodoEditor: 새로운 할 일 아이템을 등록한다. TodoList: 검색어에 맞게 필터링된 할 일 리스트를 렌더링한다. (만약 검색 폼이 공백이면 필터링하지 않는다.) ..
23-24/React.js 2
2023. 12. 1. 10:00