BackLog

BackLog

공통사항

• 백엔드 개발 후 요청URL, 요청parameter형식과 예시, 응답하는 json형식과 예시를 wiki문서로 정리한다.

회원가입

• 프론트엔드

  • 각 항목을 선택하면 placeholder내용이 사라집니다. (애니메이션 없음)
  • 비어있는 상태로 ‘가입하기'를 선택하면 비어있는 항목에 빨간색으로 ‘값을 입력해주세요' 라고 노출되고 focus가 간다.
  • 패스워드는 10자이상이어야 하며, 문자,숫자,2개 이상의 특수문자가 포함되야 한다. 패스워드 규칙은 자바스크립트로 구현한다.
  • Ajax를 통해서 요청/응답을 처리해야 한다.
  • 이미 존재하는 사용자인 경우, 이미 가입된 사용자라는 정보가 존재한다는 메시지가 해당 username이나 email에 노출된다.

• 백엔드

  • 패스워드는 10자이상이어야 하며, 문자,숫자,2개 이상의 특수문자가 포함되야 한다.
  • 이미 존재하는 사용자인 경우, 이미 가입된 사용자라는 정보가 존재한다는 메시지를 Ajax를 통해서 응답을 처리해야 한다.
  • 비밀번호 암호화를 해야한다.

로그인

• 프론트엔드

  • 각 항목을 선택하면 placeholder내용이 사라집니다. (애니메이션 없음)
  • 로그인에 실패하면, 잘못된 정보를 받아서 email 필드에 로그인정보가 틀렸습니다 라고 노출된다.
  • github 로그인을 제공합니다.

• 백엔드

  • 유저의 정보와 다른경우 Ajax를 통해서 응답을 처리해야 한다.
  • 유저의 정보가 같은경우 로그인 성공하고 세션유지한다.

My Boards (대시보드)

• 프론트엔드

  • 새로운 보드 만든다.
  • 보드로 이동하기 기능(상세화면)
  • 카드가 적절한 위치에 적용되어야 한다.

• 백엔드

  • 새로운 보드를 만들면 Ajax 요청을 받아 보드db 생성
  • 유저db와 생성된 보드의 db를 연결한다.

Board (상세화면)

• 프론트엔드

  • 전체화면
    • 보드의 전체 멤버를 Ajax로 요청하여 보여준다.
    • Deck을 생성한다.
    • Card를 생성한다.
    • Card를 클릭하면 Card의 상세내용 Modal화면을 띄운다.
    • Board의 멤버를 추가하는 기능을 구현한다.(전제유저 가능)
  • Card Modal화면
    • Comment List를 요청하고 응답받은 내용을 보여준다.
    • Card에 멤버를 추가하는 기능을 구현한다.(보드유저만 가능)
    • 라벨을 추가하는 기능을 구현한다.
    • 마감일 기능을 추가한다.
    • Comment 기능을 추가한다(100자 제한).

• 백엔드

  • 전체 Card에 대한 내용을 json으로 응답한다.
  • Board의 전체멤버 조회 요청을 받으면 전체 멤버를 조회하여 응답한다.
  • Deck 생성 요청을 받으면 Deck을 db에 생성하여 Board db와 연결한다.
  • Card 생성 요청을 받으면 Card db에 생성하여 Deck과 연결한다.
  • Board에 멤버를 추가하는 요청을 받으면 Board에 MemberList에 멤버를 추가한다.
  • Card에 멤버를 추가하는 요청을 받으면 해당 Card에 멤버를 추가한다.
  • 라벨을 추가하는 요청을 받으면 해당 Card에 라벨을 추가한다.
  • 마감일을 추가하는 요청을 받으면 해당 Card에 마감일을 추가한다.
  • Comment를 추가하는 요청을 받으면 해당 Card에 Comment를 추가한다.