페이지 rankPage
- page template 사용
- Tab (base component로 만들어 사용)
- BaseContentContainer (base component로 만들어 사용)
- RankFirstInfo (feature/rank폴더 내에 만들어서 사용)
- userInfoItem (base component로 만들어 사용)
페이지 마운트와 함께 user call api : getAllUsers, getChannelPosts
그다음에 users[]에 대하여 순서 정렬
현재: 페이지 라우트 했을 때 기준으로 rank를 설정, 실시간 X
컴포넌트
page template
- props
- page ⇒ ranking
BaseContentContainer
- height
- 600px?
Tab
- 이벤트
- 누를 시 정렬 다시 해서 데이터 반환
- api call -getAullUsers
RankFirstInfo
- api
- 총 유저 더미에서 따봉 1위 들고옴
- (만약 공동 1위라면?) id 값이 높은 순서대로
- 1위 유저 객체를 들고옴
- 구성
- Avartar Img
- 총 코인(따봉) 수
- 이름
- 이벤트
- 클릭시 프로필 페이지로 이동
userInfoItem
- props
- rank ⇒ 2위 부터 받아온다
- avatarImg
- userName
- coinCount
- TTaBongCount
- 이벤트
- 클릭시 프로필 페이지로 이동
신경써야 할 부분
- 내 순위는 고정으로 제일 하단에 순위를 알려준다
- 스크롤이 올라가면 자연스럽게 list에 합류 → 추후 구현해도 괜찮을 듯. 일단은 리스트만.