22.08.05~22.08.06
- react
- typescript
- formik & yup
- react-query
- styled-components
- 로그인/회원가입을 하나의 form에서 처리합니다.
- yup을 이용해 입력받은 이메일과 비밀번호의 유효성 검사를 진행합니다.
- 회원가입이 완료되면 로그인 폼으로, 로그인이 완료되면
/
로 이동합니다.
- 로그인 후 왼쪽에서 Todo 목록을 확인할 수 있습니다.
- 상단의 Todo 추가하기 버튼을 클릭하면 모달 창이 뜨고 Todo를 추가할 수 있습니다.
- 수정 버튼을 클릭하면 모달 창이 뜨고 선택한 Todo를 수정할 수 있습니다.
- 삭제 버튼을 클릭하면 해당 Todo를 삭제할 수 있습니다.
- Todo의 개수가 많을 경우 컨테이너 안에서 스크롤이 가능합니다.
- 왼쪽의 Todo 목록을 클릭하면 오른쪽에서 Todo의 상세 정보를 확인할 수 있습니다.
- 상단의 로그아웃 버튼을 누르면 로그아웃되며 로그인 페이지로 이동합니다.
- 개별 Todo를 조회 순서에 따라 페이지 뒤로가기를 통하여 조회할 수 있습니다.