- 원티드 프론트엔드 온보딩 과제인 Todo관리 프로젝트입니다.
- 요구사항을 보고 구현하였습니다.
- 회원가입 페이지
- 이메일 주소와 비밀번호를 받고 있습니다.
- 이메일은
@
,.
에 대하 정규식 검사를 실시하고 있습니다. - 이메일과 비밀번호는 필수 입력 조건을 체크하고 있습니다.
- 로그인 페이지
- 로그인에 성공하면 jwt 토큰을 받습니다.
- 토큰이 일정 시간 후 만료 되면 로그인 페이지로 라우팅 시킵니다.
- 로그인 성공시 토큰은 로컬스토리지에 저장하고 있습니다.
- Todo 리스트 페이지
- Todo 목록을 작성 할 수 있습니다. 간단하게 제목과 내용 두가지를 입력 할 수 있습니다.
- 수정 버튼으로 해당 항목을 수정 할 수 있고, 삭제 버튼으로 항목 삭제가 가능합니다.
- 데이터의 정합성을 위해서 변경 사항이 일어나면 Todo 목록을 다시 받아옵니다.
- react :
^18.2.0
- react-router-dom :
^6.6.1
- @tanstack/react-query :
^4.20.4
- @mui/material :
^5.11.2
- typescript :
^4.9.4
- styled-components :
^5.3.6
- CSS 꾸며보기