트렐로는 프로젝트 관리 소프트웨어로 보드 안에 리스트, 리스트 안에 카드가 들어갑니다. 카드는 할 일의 기본 단위로, 제목, 설명, 이미지등을 추가할 수 있습니다.
js-trello와 이어져 있는 작업이다. js-trello의 구현을 베이스로 작업한다.
js-trello에서의 indexedDB 대신 mysql database를 사용한다.
- 상단에 로그인, 회원가입 버튼이 존재한다. (로그인된 유저는 로그아웃 버튼이 존재한다.)
- 회원가입 팝업에는 id, 비밀번호, 비밀번호 확인 input이 있는 form이 존재한다.
- 로그인 팝업에는 id, 비밀번호 input이 있는 form이 존재한다.
- 로그아웃된 상태에서는 보드(리스트)는 빈 상태로 존재하고 disabled 되어 수정할 수 없다.
- 회원가입 버튼 클릭시 회원가입 팝업이 띄워진다.
- 회원가입 form은 각 input의 값을 채우기 전까지는 submit할 수 없다.
- 회원가입 submit 성공시 회원가입 팝업이 닫히고 성공 alert가 표시된다.
- 로그인 버튼 클릭시 로그인 팝업이 띄워진다
- 알맞는 id, 비밀번호로 로그인한 경우 팝업이 닫히고 로그인 된다.
- 보드(리스트)는 로그인한 유저의 데이터가 정상적으로 보인다.
- 리스트, 아이템의 모든 수정은 서버에 정상적으로 저장된다.
- 보드의 데이터는 5초마다 새로고침 되어 최신 정보로 업데이트 된다.
- 로그아웃 버튼 클릭시 로그아웃 된다.