✨ Feat(#8): 프로필 수정 기능 - Githubissues

Part3-Team15 / taskify

[중급 프로젝트 15팀] taskify: 스마트한 일정 관리

https://taskify-15.vercel.app/

1 stars 3 forks source link

✨ Feat(#8): 프로필 수정 기능 #100

Closed un0211 closed 4 months ago

un0211 commented 4 months ago

연관된 이슈

close #8

작업 내용

[x] 프로필 이미지 File Input -> 다른 이미지 인풋에서도 쓸 수 있게 공용 컴포넌트로 만들었습니다.
- [x] 호버/클릭 시 버튼처럼 스타일 추가
[x] 프로필 이미지 프리뷰
[x] 프로필 이미지 삭제 -> 기본기능 완성 후 추가예정
[x] 닉네임 수정 input
[x] 프로필 변경 저장 버튼
[x] 유효성검사
[x] 공용 label, input, section title 스타일 생성

스크린샷

https://github.com/Part3-Team15/taskify/assets/24778465/fb9ebf04-473d-4c23-a1a2-cf5b10f3a99a

코멘트 및 논의 사항

닉네임 1자 이상 10자 이하 되도록 유효성 검사했습니다.
서버에서 닉네임 10자 이상이면 에러가 와서 폼 자체에서 10자 제한을 걸어두었습니다.
이미지는 우리가 처리하는거라 예외가 없을것 같아서 유효성 검사 하지 않았습니다.

un0211 commented 4 months ago

완성해서 배포했습니다! 아래 링크에서 테스트 가능합니다!! https://taskify-15-test.vercel.app/mypage

코멘트도 업데이트 했습니다.