220319

[프로필 페이지]
<CSS 1차 완료>
<Oauth 유저 이슈>

• 어떻게 표시할건지, 정보는 어떻게 할건지
• oauth와 일반유저를 구분하고
• oauth는 정보변경페이지가 다른걸로 보이게끔 수정할건지 생각
• oauth의 스택은 어떻게 할건지
• oauth 유저의 정보
  • 이메일(oauth이메일), 닉네임, 비밀번호도 언터쳐블

<프로필 페이지 기능 구현 목록>
(페이지 접속)

• 요청 성공시 {"success": true} 키가 포함됨(message:'ok' 대신임)
• 실패 시 {"error": "err msg"}가 포함됨
• id, email, username, password, stacks[false...], oauth(type:boolean)
• get 요청, 유저 정보 받아와야 함
  • 일반유저인지, oauth유저인지가 구분되야 하는데
    • auth 요청시, 유저정보, res.data.oauth.{boolean}?
  • 유저가 회원가입을 하면 기본적으로 스택값을 가져야 함
  • 이메일, 닉네임, 스택값(객체, 10개, boolean)
  • jwt 담아서 get 요청 -> 서버에서 구분해서 유저 데이터
  • (get, '/users/auth', jwt) -> res.data
  • user.data.stacks = [false,true,true...]
  • user.data.stacks[idx] = boolean
    • 2차 사용처가 생길 경우 다시 고민해 볼 것
• 이메일: 인풋 플레이스 홀더에
• 닉네임: 인풋 풀레이스홀더, 스택 위 인사메세지 이름 부분에
• 스택값: 각 버튼의 색상 변경
  • 버튼의 불리언 값으로 반영되야 하는데, 어떻게 하지?
    (스택 버튼)
• 클릭 시 서버에 저장 요청 또는 불리언 값 변경 요청
  • (post, '/users/stacks/:id', boolean, jwt)
• 아직 미정, 변경 요청이 맞을 듯
  (변경하기)
• 클릭 시 인풋 값으로 변경 요청
  • user 정보 변경
  • (patch, '/users/profile', username, password, jwt)
• 완료 메세지
  (회원 탈퇴 모달의 예 버튼)
• 클릭 시 삭제 요청, 완료 메세지
  • (delete, '/users/signout', jwt)
    (중복 검사)
• 클릭 시 중복 검사 실행 후 확인 메세지(중복 예/아뇨)
  • (post, '/users/verify/username', username)
  • res.data.message = 'ok', 아닌지(응답코드에 따라서)