searchPage

페이지 searchPage

• 검색Form(Input)

• Tab

• SearchedList
• CardList
• UserList
• Avatar, name, TTaBongCount, CoinCount

컴포넌트

검색Form(Input)

• 검색어에 따라 카드 또는 사용자 리스트 get
• onChange
• 디바운싱 → useDebounce
• api call : 검색어에 따른 카드 또는 사용자

탭

• 카드탭 / 사용자 탭

• 탭 클릭 따라 검색 결과 보여주기
• 클릭
• api call : 검색어에 따른 카드 또는 사용자

리스트

• 베이스컨텐츠컨테이너 (베이스카드컨테이너, 카드컨테이너)

• 백그라운드이미지

• 내용물 렌더링

• 카드리스트/사용자리스트

• 스크롤에 따라 추가로 아이템 보여주기
• 스크롤 다운
• 무한 스크롤 (메인 페이지) useInfiniteScroll
• api call : 추가 feed 가져오기

카드 Card

• 카드 상세페이지로
• 클릭
• 카드디테일 라우팅

사용자 UserInfoItem

• 사용자 상세페잊로
• 클릭
• 사용자정보 라우팅