[FEAT] 홈 화면 UI 전면 개편 및 서버 연동

[cchanmi]

Describe

홈 화면 UI를 Figma 시안대로 전면 교체하고, 닉네임 조회/대화 생성 후 제목 자동 설정을 서버와 연동했습니다.

Works made

• 홈 화면 UI 전면 교체: 종이 질감 배경, 포스트잇/테이프 장식, 인사말(닉네임 하이라이트), collapsed(64)/expanded(149) 두 단계 고정 높이 입력창(MessageComposerView 신규 분리)
• 감정 다중 선택 UI: EmotionCharacter에 짧은 라벨/그리드 순서 추가, HomeViewModel에 선택 상태 + 최소 1개 유지 로직 추가. 단, 기획 확정 전이라 트리거 버튼은 isEmotionSelectionEnabled 플래그로 임시 숨김 (서버 전송 연동은 아직 안 함, 이어서 진행 예정)
• 닉네임 서버 연동: MemberRepository/DefaultMemberRepository/FetchMyProfileUseCase 추가, 홈 진입 시 1회 조회해 UserManager에 반영 (이미 값 있으면 재조회 안 함)
• 대화 생성 후 title 자동 설정: UpdateConversationTitleUseCase 추가, 메시지 전송 성공 시 채팅 화면 이동은 즉시 트리거하고 title 저장은 백그라운드로 처리 (실패해도 네비게이션 유지)
• 버그 수정
  • 서버가 name/nickname을 null로 내려주는 사용자(가입 직후 등)에서 디코딩 실패로 홈 진입 시 에러 뜨던 문제
  • 감정 캐릭터 서버 키 오타(WARM → SADNESS)로 슬픔이 캐릭터 메시지가 채팅 목록에서 조용히 누락되던 문제
  • 장식 이미지가 (0,0) 크기의 누락된 에셋에서 종횡비 계산 시 NaN이 나와 레이아웃 전체가 깨지던 문제
  • 키보드 표시 시 배경/장식 이미지가 같이 움직이던 문제
  • 입력창 collapsed 상태에서 placeholder와 실제 커서 위치가 어긋나던 문제
  • 입력창 확장 애니메이션에서 버튼이 박스보다 먼저 움직이던 문제 (.animation() 모디파이어 순서 문제)
• 임시 숨김: 채팅 목록 "삭제하기" 버튼 (isDeleteButtonEnabled 플래그)

Changes Made

As-Is

기존 로직

• 홈 화면: 로고+설정 버튼 헤더, 고정 문구 인사말, 멀티라인 고정 높이(220) 입력창, "쪽지 보내기" 버튼
• 대화 생성 시 제목 미설정, 닉네임 표시 없음(UserManager 채워주는 로직 자체가 없었음)

스크린샷

To-Be

변경 로직

• 홈 화면: 종이 질감 배경 + 장식, 닉네임 하이라이트 인사말, collapsed/expanded 두 단계 입력창 + 원형 전송 버튼, 감정 선택 UI(임시 숨김)
• 대화 생성 시 보낸 메시지 텍스트를 제목으로 자동 설정, 닉네임 서버에서 조회해 반영

스크린샷

How to Test

1. 로그인 후 홈 탭 진입 → 닉네임이 정상 표시되는지 확인 (서버에 닉네임 없는 계정이면 "OO" fallback)
2. 입력창 탭 → collapsed(64) → 텍스트 입력 시 expanded(149)로 전환되는 애니메이션이 박스/버튼 동시에 부드럽게 움직이는지 확인
3. 메시지 전송 → 채팅 화면 이동 확인 → 대화 목록에서 방금 보낸 메시지 내용이 제목으로 설정됐는지 확인
4. 채팅 화면에서 슬픔이(SADNESS) 캐릭터 응답이 정상적으로 표시되는지 확인 (이전엔 누락됨)
5. 키보드 올렸다 내렸을 때 배경/장식 이미지가 안 움직이는지 확인

Issues Resolved

Additional context

• 감정 선택 서버 전송(excludeCharacters) 연동은 기획 확정 후 이어서 진행 예정 (EmotionCharacterServerKeyMapping 헬퍼는 미리 준비해둠, 현재 미사용)
• 헤더 햄버거 아이콘 탭 시 사이드 메뉴 없이 기존과 동일하게 설정 화면으로 이동
• 장식 이미지(포스트잇/테이프) 위치·회전값은 정확한 Figma 좌표를 못 받아 눈대중 값 — 추후 다듬을 예정
• 채팅 목록 "삭제하기" 버튼은 별개 사유로 임시 숨김 처리

References

• 스펙 문서: docs/superpowers/specs/2026-08-13-home-ui-redesign-design.md (커밋 대상 아님, 로컬 참고용)