23.03.27. 간단한 로그인과 공유 기능을 넣은 To-Do 페이지 만들기

• 프로젝트 제목: TBD
• 와이어프레임: 

 

• index.html

기능	Method	URL	request	response (success)	response (error)
로그인	페이지 이동	/signin	page 이동	document	-
회원가입	페이지 이동	/signup	page 이동	document	-
로그인 아이디 확인	GET	/auth/signin	-	{"result": "success", "userId": userId}	redirecting to /signin
To-do 리스트 목록 불러오기	GET	/todo/list	-	[{"toDo": toDo, "status": True/False, "toDoId": toDoId, "sharedId":userId}]	redirecting to /signin
To-do 저장	POST	/todo/save	{"toDo": toDo}	{"result": "success"}	redirecting to /signin
공유 준비	GET	/todo/share	-	사용자 목록 어레이 [userId]	redirecting to /signin
공유 하기	POST	/todo/share	{"receiverId": userId, "toDo": toDo}	{"result": "success"}	redirecting to /signin
완료/취소	POST	/todo/toggle	{"toDoId": toDoId}	{"result": "success"}	redirecting to /signin
삭제	POST	/todo/delete	{"toDoId": toDoId}	{"result": "success"}	redirecting to /signin
로그아웃	GET	/auth/signout	-	{"result": "success"}	redirecting to /signin

• /signin.html

기능	Method	URL	request	response (success)	response (error)
로그인 하기	POST	/auth/signin	{"userId": userId, "password":password}	{"result": "success", "token": JWT}	{"result": "failed", "msg": "아이디/비밀번호가 일치하지 않습니다."}
회원가입	페이지 이동	/signup	page 이동	document	-

• /signup.html

기능	Method	URL	request	response (success)	response (error)
아이디 중복확인	POST	/auth/checkid	{"userId":userId}	{"result": "중복"/"사용가능"}	-
회원가입	POST	/auth/registration	{"userId":userId, "password":password}	{"result": "success", "token": JWT}	{"result": "failed"}

 

• 기능분류와 assign
  • Front
    • index.html: 
      • 기본 구조
        • 배너, todo 작성한, 저장버튼
        • 로그인, 회원가입 버튼
        • Todo 리스트 표시
        • 공유 기능
        • 삭제기능
        • 완료, 미완료 토글 기능
    • signin.html: 
      • 로그인 페이지
        • ID, PW 입력란
        • 로그인 버튼
        • 회원가입 페이지로 이동
    • signup.html: 
      • 회원가입 페이지
        • ID, PW입력란
        • ID 중복 확인 기능
        • 회원가입 버튼
  • Back: 
    • App.py
      • 페이지 렌더링
        • / ← index.html
        • /signin ← signin.html
        • /signup ← signup.html
      • 기능명세 api 내용 구현
        • todo api 
          • /todo/list "GET"
          • /todo/save "POST"
          • /todo/share "GET", "POST"
          • /todo/toggle "POST"
          • /todo/delete "POST"
        • auth api
          • /auth/signin "POST"
          • /auth/signout "GET"
          • /auth/checkid "POST"
          • /auth/registration "POST"