⚙️[기능추가][소셜] 소셜 화면 UI 구체화 #64
Description
📝 현재 문제점
- 소셜 화면(SocialScreen)에 친구 / 그룹 / 랭킹 3개 탭이 존재하지만, 모두 빈 상태(empty placeholder)로만 구성되어
있음 - 실제 사용자에게 보여줄 UI가 없어 소셜 기능을 활용할 수 없는 상태
🛠️ 해결 방안 / 제안 기능
- 소셜 화면 전체 UI를 구체적으로 디자인하고 구현
- 각 탭별 화면 구성:
- 친구 탭: 친구 목록, 친구 검색/추가, 친구 상태 표시, 친구 상세(프로필) 화면
- 그룹 탭: 그룹 목록, 그룹 생성/참여, 그룹 상세 화면
- 랭킹 탭: 랭킹 리스트, 순위 표시, 내 순위 하이라이트
- 데이터가 없는 경우의 빈 상태(empty state) UI도 개선
- 게스트 모드 시 로그인 유도 UI 유지
⚙️ 작업 내용
- 소셜 화면 전체 레이아웃 및 디자인 확정
- 친구 탭 UI 구현 (목록, 검색, 상태 표시)
- 친구 상세/프로필 화면 UI 구현
- 그룹 탭 UI 구현 (목록, 생성/참여)
- 그룹 상세 화면 UI 구현
- 랭킹 탭 UI 구현 (순위 리스트, 내 순위)
- 각 탭 빈 상태(empty state) UI 개선
- 게스트 모드 UI 확인 및 정리
🙋 담당자
- 백엔드: 이름
- 프론트엔드: 이름
- 디자인: 이름