사용자 화면 · 마이페이지

프로필 관리

MYP-002 · 2026. 03. 04

화면 이름프로필 관리
화면 위치마이페이지 > 프로필 관리
화면 IDMYP-002
작성일2026. 03. 04
MYP-002
Description
1헤더 영역
  • 구성
    • 뒤로 가기 아이콘
    • 타이틀 : 프로필 관리
  • 동작
    • 뒤로 가기 클릭 시
      • 변경사항이 없는 경우
        • 직전 화면으로 이동
      • 변경 사항이 있는 경우
        • 화면 이동 차단
        • 토스트 메시지 노출
          • 변경 내용을 저장해주세요
  • 보완 설명
    • 프로필 변경 사항
      • 저장 버튼을 통해서만 반영 가능
      • 의도치 않은 변경 내용 유실 방지
        • 뒤로가기로 화면 이탈 불가
        • 모달 대신 토스트로 가볍게 안내
2프로필 이미지 영역
  • 기본 상태
    • 프로필 이미지가 없는 경우
      • 기본 프로필 이미지 노출
  • 이미지 변경
    • 프로필 이미지 영역 클릭 시 이미지 선택 가능
  • 이미지 선택 정책
    • 허용 확장자: jpeg, jpg, png, bmp
    • iOS
      • 시스템 사진첩만 호출
      • 사진 촬영/파일 앱 진입 불가
    • AOS
      • 시스템 파일 선택기 호출
      • 기본 갤러리(사진첩) 우선 노출
      • 단말 정책에 따라 파일 앱 선택 가능
3닉네임 입력 영역
  • 구성
    • 라벨, 입력필드, 수정 아이콘
  • 닉네임 정책
    • 표기 방식
      • 닉네임#1234
    • 닉네임 구조
      • #뒤 4자리 숫자
        • 동일 닉네임 중복 방지를 위한 고유 식별자
        • 시스템에서 자동 부여
        • 사용자 변경 불가
  • 닉네임 수정
    • 닉네임 변경 시
      • # 앞 텍스트만 수정 가능
      • # 뒤 숫자는 기존 값 유지
    • 최대 글자 수
      • 8글자(한글 기준)
      • 띄어쓰기 반영 안함
4저장 버튼 영역
  • 구성 : 저장 버튼
  • 활성 조건
    • 닉네임 또는 프로필 이미지 변경 시 활성화
    • 변경 사항이 없는 경우 비활성화
  • 저장 동작
    • 저장 성공
      • 변경 내용 서버 반영
      • 토스트 메시지 노출
        • 프로필이 저장되었습니다
    • 저장 실패
      • 토스트 메시지 노출
        • 잠시 후 다시 시도해주세요
5토스트 메시지 정의
  • 프로필 저장 완료
    • 프로필이 저장됐습니다
  • 이미지 업로드 실패
    • 이미지 업로드에 실패했어요
  • 지원하지 않는 이미지 형식 선택 시
    • 지원하지 않는 이미지 형식입니다
  • 네트워크 오류
    • 네트워크 상태를 확인해주세요
  • 저장되지 않은 변경 사항을 둔 채 뒤로가기 버튼 눌렀을 경우
    • 변경 내용을 저장해주세요
6공통 규칙
  • 프로필 변경 사항
    • 저장 버튼을 눌러야만 반영
  • 프로필 이미지 변경 및 닉네임 변경
    • 단독/동시 변경 모두 가능
  • 프로필 관리는 로그인 사용자만 이용 가능
    • 비로그인 접속 시, 로그인 안내 모달(LOG-008) 노출
  • 조회 및 수정 모두 로그인 상태에서만 가능
MYP-001목록으로MYP-003