프로젝트명 : ToDoList Frago88
프로젝트 기간 : 22.07.23 - 22.07.28
프로젝트 소개
- 나만의 ToDo 리스트를 만들고 관리합니다.
- ToDo 리스트를 추가 하고 삭제할 수 있습니다.
- 달성한 Todo는 버튼을 눌러 완료 상태로 만들 수 있습니다.
요구 사항 분석
-
제목과 내용을 입력하고,
추가하기버튼을 클릭하면 Working에 새로운 Todo가 추가되고 제목 input과 내용 input은 다시 빈 값으로 바뀌도록 구성. -
Todo의 isDone 상태가 true이면, 상태 버튼의 라벨을
취소, isDone이 false 이면 라벨을완료로 조건부 렌더링 한다. -
Todo의 상태가
Working이면 위쪽에 위치하고,Done이면 아래쪽에 위치하도록 구현.
-
Layout의 최대 넓이는 1200px, 최소 넓이는 800px로 제한하고, 전체 화면의 가운데로 정렬.
- 폴더 구조와 컴포넌트 구성은 다음과 같다.
프로젝트 시작
CRA 패키지 설치 완료
프라고