fix(setting): 프로필 사진 변경이 통째로 미구현 — 플러스 배지 무동작·서버 이미지 미표시·profileImageUrl null 하드코딩 #1438

작업 유형

bug — 버그·오동작

주 담당 모듈

setting — 설정

개요

프로필 수정 화면의 프로필 사진 영역이 완전한 정적 장식이다. 아바타와 "추가" 플러스 배지가 시안대로 그려져 있지만 어떤 탭에도 반응하지 않고, 저장 요청은 사진 필드를 항상 null 로 보낸다.

실측

ProfileEditScreen.kt:131-151. 134dp 아바타(ic_default_profile) 위에 48dp 자리의 플러스 배지(ic_plus, contentDescription = "추가")를 얹었는데:

• clickable·onClick 이 없다. 배지는 Image 두 개를 겹친 Box 일 뿐이다.
• 선택된 이미지 URI 를 담을 상태가 ProfileEditUiState.Success 에 없다(name·phone·email·isUpdating 뿐).
• 아바타는 항상 로컬 기본 이미지를 그린다. 서버가 내려준 user.profileImageUrl 을 표시하지도 않는다.
• ProfileEditViewModel.updateProfile:55 이 profileImageUrl = null 하드코딩이라, 설령 값이 생겨도 전송 경로가 없다.

즉 조회·선택·전송 세 축이 전부 비어 있고, 화면에는 "누르면 될 것 같은" 배지만 있다.

참고할 선례가 이미 있다

온보딩에 갤러리 피커 경로가 구현돼 있다(#1113·#1115 에서 취소 처리까지 고쳐진 흐름). 업로드는 presigned URL 방식이고 contentLength 필수 함정은 #950 에서 해소됐다. 서버 계약도 열려 있다. PATCH /users/me 의 profileImageUrl 은 S3 키를 받아 s3Service.promoteMediaKey("profiles", userId, key) 로 승격한다(Afternote-BE UserService.updateMyProfile).

작업 범위

• 배지 탭 → 갤러리 이미지 선택 결선. 현재 설정 시안과 온보딩의 ImageOnly 경로를 기준으로 하며, 확인되지 않은 촬영 동작은 구현 범위에서 제외한다.
• 선택 이미지 업로드 → 반환 키를 updateMyProfile(profileImageUrl = key) 로 전달.
• 서버 profileImageUrl 이 있으면 아바타에 표시(현재는 항상 기본 이미지).
• 취소·실패 시 기존 사진이 지워지지 않게 한다. fix(afternote): 추억 노트 미디어 갤러리 피커 취소가 기존 첨부를 지운다 — 촬영 경로와 어긋난 갈래, 수정 모드는 서버 영상까지 소실 #1113·fix(onboarding): 프로필 사진 갤러리 취소가 방금 고른 사진을 지운다 — #1113 과 같은 갈래 #1115 가 온보딩에서 정확히 이 함정을 밟았다.

완료 기준

• 배지를 눌러 사진을 고르면 저장 후 프로필에 반영되고, 재진입 시 그 사진이 보인다.
• 선택 취소가 기존 사진을 지우지 않는다.
• 관련 unit test 추가.

자식 이슈

No response

참고

• 이 화면의 아바타+배지가 core ProfileImagePicker 로 대체 가능한지는 refactor(core): 동일 화살표 렌더링을 기존 ArrowIcon에 위임한다 #635 검증에서 기각됐다. "setting 쪽은 클릭 핸들러·URI·상태가 아예 없는 정적 장식이라, 필요한 건 core 대체가 아니라 프로필 사진 변경 기능 구현" 이 그 판정이었다. 이 이슈가 그 "기능 구현" 몫이다.
• 같은 화면에서 빈 값 저장이 성공으로 위장되는 건 별건 → 프로필 이름·전화번호의 필수 입력·삭제 정책을 PM에게 확인한다 #1437
• 시안 정본은 팀 Figma 파일(정리 Screen Design)의 설정 프로필 수정 화면. 배지 위치·크기는 현재 구현이 이미 시안을 따르고 있으므로 동작만 얹으면 된다.

실기동 화면

에뮬레이터 Pixel 7(API 34) 실기동, QA823 계정, 실서버 afternote.kro.kr. 프로필 설정에서 플러스 배지를 눌렀을 때다. 현행은 탭 전후 프레임이 픽셀 단위로 같아 아무 일도 일어나지 않고, 구현분은 미디어 선택 시트가 열린다. 이메일 칸은 가렸다.

구조 선행

#2179 / PR #2180의 ProfileEdit MVI·UiState 신호 계약을 소비한다. 사진 선택·업로드는 그 위의 Intent와 reducer event로 추가하며, 기존 StateFlow·Channel 배선을 별도로 확장하지 않는다. 현재 PR #2152의 실제 base는 #2147이고 Nav3 entry에서 화면과 ViewModel 수명이 관리된다. 위 실기동 첨부의 선택 시트는 과거 닫힌 구현이며 현재 갤러리 경로의 검증 증거로 사용하지 않는다.