마이페이지, 검색, 카페목록

js·2021년 11월 2일
0

카페 시연화면

목록 보기
2/2

정렬 (최신순, 이름순)

정렬 버튼을 누를떄마다 해당 정렬 기준으로 refetch 합니다.

즐겨찾기

즐겨찾기 기능은 db로 구현하였습니다.
즐겨찾기를 누르면 실시간으로 바뀌고 즐겨찾기 개수가 증가합니다.
apollo cache를 update 해주었습니다.

댓글 작성,수정,삭제

마찬가지로 댓글의 실시간 작성,수정,삭제를 위해 apollo cache를 update 해주었습니다.



마이페이지

마이페이지에서는 내 카페 목록과 내가 즐겨찾기한 카페 목록을 볼 수 있습니다.

성능향상을 위해 탭버튼을 누를 때마다 서로 다른 query를 실행하여 데이터를 불러오게 하였습니다.

마이페이지 - 카페 삭제

내 카페 목록에서 카페를 삭제합니다.

실시간 삭제를 위해 apollo cache를 update 해주었습니다.

매장등록

이름, 카테고리, 사진, 주소로 카페를 생성합니다.

검색

카페 이름을 검색하면 검색결과가 나옵니다.
검색 필터링은 startsWith로 했습니다.

pagination

1) 인피니트 스크롤

스크롤이 스크린의 바닥에 닿을 때 offset값을 업데이트 해주어 fetchMore를 하는 방식으로 구현 하였습니다.

2) 더보기 버튼

limit값 이상으로 데이터가 존재할 경우 더보기 버튼을 누르면 fetchMore 하는 방식으로 구현 하였습니다.

0개의 댓글