Skip to content

⚙️[기능추가][닉네임] 닉네임 직접 변경 기능 구현 #287

@Cassiiopeia

Description

@Cassiiopeia

📝 현재 문제점

  • 현재 닉네임은 회원가입 시 자동 생성되며, 설정 페이지에서 랜덤 재생성만 가능하다.
  • 사용자가 원하는 닉네임을 직접 입력하여 변경하는 기능이 없다.

🛠️ 해결 방안 / 제안 기능

  • 설정 페이지 닉네임 행에 연필 아이콘을 추가하고, 클릭 시 닉네임 변경 바텀시트 모달을 오픈한다.
  • 모달에서 직접 입력 또는 주사위(랜덤 생성) 버튼으로 닉네임 후보를 선택할 수 있다.
  • 중복확인 버튼으로 사용 가능 여부를 확인한 뒤 저장한다.
  • 변경 후 3일간 재변경이 불가능하다 (쿨다운). 쿨다운 중 저장 시도 시 백엔드 에러 메시지를 토스트로 표시한다.

⚙️ 작업 내용

  • 백엔드: member 테이블에 nickname_changed_at DATETIME(6) 컬럼 추가 (Flyway 마이그레이션)
  • 백엔드: GET /api/members/me/nickname/check 엔드포인트 추가 (중복 확인)
  • 백엔드: PATCH /api/members/me/nickname 엔드포인트 추가 (닉네임 변경, 쿨다운·유효성·금지어 검증)
  • 백엔드: ErrorCodeNICKNAME_COOLDOWN, NICKNAME_INVALID, NICKNAME_FORBIDDEN 추가
  • 프론트: src/api/members.tscheckNickname(), changeNickname() 함수 추가
  • 프론트: NicknameChangeModal 바텀시트 컴포넌트 신규 작성
  • 프론트: Settings.tsx 닉네임 행 연필 아이콘으로 교체 및 모달 연동

🙋‍♂️ 담당자

  • 백엔드: 서새찬
  • 프론트엔드: 서새찬
  • 디자인: -

Metadata

Metadata

Assignees

Labels

작업전작업 시작 전 준비 상태

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions