[TIL]201116 Mypage

지난 주말동안 마이페이지의 대략적인 레이아웃을 구현했다.

주말동안 upstream에 push및 merge를 하는 과정에 접근 권한이 삭제되어 주말동안 바로 적용해 보진 못했지만 다행히 큰 문제는 아니어서 다시 repository에 접근해서 구현된 내용들을 확인해 볼 수 있었다.

오늘부터는 SR때 회의했던 내용대로 마이페이지에서 필요한 모달창과 기능들을 구현하려고 한다.

1. 네비게이션바
   • 네비게이션바 좌측에는 로고를 넣어서 클릭시 메인페이지로 이동할 수 있도록 한다
   • 네비게이션바 우측에는 로그아웃 버튼을 넣어서 클릭시 로그아웃과 함께 메인페이지로 이동할 수 있도록 한다
2. 회원정보칸
   • 회원정보에 표시되는 내용들이 서버에서 받아온 내용을 바탕으로 동기적으로 표시될 수 있도록 구성한다
   • 편집버튼을 누르면 회원정보 수정을 위한 모달창이 띄워지고 모달창에서 서버와의 통신을 통해 비밀번호를 확인하도록 한다
     
   • 비밀번호가 확인되면 회원정보 수정 모달창을 띄우고 수정할 정보를 기입한 뒤 전송버튼을 누르면 patch를 통해 개인정보가 수정되고 회원정보칸의 내용이 동기적으로 변경되어 나타나도록 한다
     
3. My ToGoList칸
   • 내가 작성했던 ToGo List가 보여지도록 구성한다
4. 계정삭제
   • 계정삭제 버튼을 누르면 계정삭제 확인을 위해 비밀번호 확인 모달창이 뜨고 비밀번호가 맞을 경우 서버와의 통신을 통해 데이터베이스에 입력된 해당 계정의 정보를 삭제할 수 있도록 한다.