화면 이미지
배경
마이 페이지에서 제공하는 서비스입니다. 프로필 사진 등록 및 변경, 닉네임, 비밀번호 변경이 있습니다. 구현한 기능
BE
1.
프로필 사진
•
등록하지 않을 시 기본 이미지가 제공되며, 등록을 한 상태에서 파일을 변경하면 즉시 수정됩니다.
•
등록된 프로필 사진은 댓글, 랭킹에서 닉네임과 함께 나타납니다.
•
최대 5MB의 파일만 업로드 할 수 있습니다. (버킷 용량 고려)
•
파일의 경우 S3 Bucket에 이미지 업로드 후 Url로 반환을 받아옵니다.
2.
닉네임, 비밀번호
•
이전과 동일한 닉네임, 이미 존재하는 닉네임으로는 변경할 수 없습니다.
•
비밀번호는 2번 입력해야 변경할 수 있습니다.
•
닉네임, 비밀번호 둘 중 하나만 변경할 수도 있고 한번에 모두 변경할 수도 있습니다.
•
FE
1.
로그인시 저장해 두었던 로그인된 유저의 정보들을 가져와서 업데이트 할수 있게 디자인을 하였습니다.
2.
프로필 사진이나, 닉네임을 변경하고 싶으면, 서버에서 기존 정보들을 불러오고, 업데이트 시 axios.put을 통해서 업데이트가 가능하게 해두었습니다.
3.
기존과 똑같은 혹은 비밀번호 입력값이 서로 다르면 에러 메시지가 뜨게 함으로써, 사용자가 알아차릴수 있게 해두었음