프로필과 아바타
내 프로필 영역에서는 이름, 아바타, 지원 연락처 등의 개인 설정을 관리합니다. 설정은 포털 내 사이드바 하단의 프로필 메뉴에서 열고, 변경 사항은 백엔드에 즉시 반영되어 다른 세션과 UI(예: Recents, 공유 다이얼로그, Assistant 드롭다운)에도 동기화됩니다.
프로필 팝오버
사이드바 하단의 사용자 카드를 클릭하면 팝오버가 열리고, 다음 항목이 표시됩니다.
- 표시 이름 (Display Name): UI 전반에서 사용되는 이름
- 이메일 / 사용자명: 읽기 전용
- 아바타: 저장된 react-nice-avatar 조합 또는 업로드된 이미지
- 액션: 프로필 편집, 로그아웃, 도움말/지원 모달, 정책 문서 모달
표시 이름 편집
표시 이름은 언제든 변경할 수 있으며, 변경 사항은 백엔드에 저장됩니다. 저장 후 다른 화면(공유 다이얼로그, Recents, 감사 로그 등)에서 바뀐 이름이 즉시 반영됩니다.
아바타 편집 (react-nice-avatar)
아바타 편집기는 react-nice-avatar 기반의 조합형 아바타를 제공합니다. 헤어 스타일·얼굴 유형·의상·액세서리 등 다양한 옵션을 조합해 사용자만의 아바타를 만들 수 있습니다.
헤어 스타일
여러 헤어 스타일을 제공하며, 리스트 가장 마지막에는 Bald(대머리) 옵션이 포함됩니다. 랜덤 액션에도 Bald가 후보로 포함되어, 무작위 생성 시에도 선택될 수 있습니다.
저장과 동기화
스크린샷 TODO
react-nice-avatar 편집기 — 헤어 스타일·얼굴·의상 선택, 우측에 현재 아바타 미리보기와 저장 버튼이 보여야 합니다.
- 저장: 편집기 하단의 저장 버튼을 누르면 현재 아바타 구성과 표시 이름이 백엔드에 영속화됩니다.
- 기본 이미지: 커스터마이즈 이전에는 SSO 프로필 이미지(있는 경우) 또는 이니셜 이미지가 표시됩니다.
- 즉시 반영: 자신의 아바타를 편집하면 사용자 카드·헤더·다른 페이지의 아바타가 새로고침 없이 즉시 갱신됩니다.
- 다른 기기 동기화: 저장 후 다른 기기에서 로그인하면 동일한 아바타가 표시됩니다.
알려진 버그 수정
이전 버전에서 발견되던 아바타 편집기 관련 이슈(편집 도중 컨트롤 겹침, 관리 태그 중복 표시 등)는 최신 릴리스에서 수정되었습니다.
지원과 정책 모달
프로필 팝오버의 지원 문의와 정책 링크는 새 창 없이 모달로 열립니다.
- 지원 문의: 관리자 이메일·연락처·내부 가이드 링크
- 정책: 이용약관, 개인정보 처리방침, 보안 정책 등 공식 문서