프로젝트

일반

사용자정보

Actions

버그 #579

진행중
JK RL

[UI 수정] profile 스크린

버그 #579: [UI 수정] profile 스크린

Jade Kim이(가) 약 7시간 전에 추가함.

상태:
해결
우선순위:
보통
담당자:
시작일:
2026/07/28
완료일:
진척도:

0%

추정시간:

설명

  1. 풀네임 입력 모달 / 로그아웃 모달 / 계정삭제 모달 -> Bottom sheet modal 형태로 수정해주세요. (피그마 파일 참조)
  2. 섹션의 shadow style을 수정해 주세요. 만약 같은 값이면 rgba의 a값을 0.03 정도.
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  3. 엑시 테마위의 제목은 Home -> Theme로 변경해 주세요.

파일

JK Jade Kim이(가) 3달 전에 변경 Actions #1

RL Ryan Lee이(가) 3달 전에 변경 Actions #2

  • 상태을(를) 신규에서 진행(으)로 변경되었습니다.

RL Ryan Lee이(가) 3달 전에 변경 Actions #3

  • 상태을(를) 진행에서 해결(으)로 변경되었습니다.

세 항목 모두 처리했습니다. dev 반영 완료 (커밋 099b8bc, 35b5980, 23368a7).

1. 모달 3종 -> 바텀시트

피그마 노드대로 각각 구현했고 에뮬레이터에서 셋 다 확인했습니다.

  • 풀네임 (1446:22355)
  • 로그아웃 (1446:22592)
  • 계정삭제 (960:34878)

공용 셸(BottomSheet)을 두고 세 시트가 나눠 씁니다. 셸이 백드롭·슬라이드·닫기 버튼과 안드로이드 뒤로가기를 맡습니다. 뒤로가기는 키보드가 떠 있으면 키보드만 내리고 시트를 남깁니다 — 입력하던 내용이 함께 사라지지 않도록 (#571 에서 초대 코드 시트에 적용한 것과 같은 규칙).

판단이 필요했던 지점 두 가지를 적어둡니다.

  • 확인 시트(로그아웃·계정삭제)에 취소 버튼을 두지 않았습니다. 디자인에 없고, 시트를 닫는 모든 경로가 곧 취소입니다. 되돌릴 수 없는 계정삭제만 danger 색으로 구분했습니다.
  • 이름 입력 검증을 함께 구현했습니다. 피그마가 규칙 목록과 인라인 검증 문구 자리를 함께 제시했는데, 화면에 규칙을 적어두고 검증하지 않으면 안내와 동작이 어긋납니다. 문구는 이후 전달받은 확정안으로 맞췄습니다(Empty / Too short / Too long / Invalid character / Starts-ends / Consecutive hyphens 6종). 40자 상한은 #580 에서 라벨을 밀어내던 긴 이름을 입력 단계에서 막아 줍니다.

일러스트: 계정삭제(Axi Despaire)는 피그마 원본이 네 레이어로 나뉘어 있어 원본 inset 대로 합쳐 단일 SVG 로 내보냈고, 로그아웃은 #578 에서 배경을 걷어낸 axi-bear 를 그대로 씁니다.

백드롭은 피그마 값(0.05)이 실기기에서 거의 보이지 않아 0.3 으로 올렸습니다(초대 코드 시트와 동일). 요청에 따른 조정입니다.

2. 섹션 shadow

0 2px 4px rgba(0,0,0,0.05) 기준에 맞추되, blur 를 2 에서 4 로 키운 만큼 더 퍼져 진해 보이므로 지침대로 알파를 0.03 으로 낮췄습니다(카드·로그아웃 버튼 두 곳).

3. 섹션 제목

'Home' -> 'Theme' 변경 완료.

확인 부탁드릴 점

화면의 Rules 목록에는 '연속 하이픈' 항목이 없습니다. 피그마 Rules 를 그대로 옮겨 5개인데 검증은 6가지를 합니다. 어겼을 때 인라인 문구로는 안내되지만 미리 알 수는 없습니다. 목록에 6번째 항목으로 추가할지 알려주시면 반영하겠습니다.

검증

typecheck 통과, 테스트 70 suites / 577 통과 (신규 16건 — 검증 규칙 6종과 시트 동작).
AlertDialog 는 그대로 뒀습니다. 나머지 6개 화면이 공용으로 쓰고 있어 이번 범위에서 건드리지 않았습니다.

Actions

내보내기 PDF Atom