페이지네이션

7/22

 

페이지네이션, 무한스크롤

페이지네이션, 무한스크롤

이 그래프를 쿼리해줘~ 하는것

IQuery

모두 10개가 나옴

패치보드 데이터, 맵에서 하나씩 뽑아서 쓰는 데이터

 

자동화 하려면?

refetch

현재는 몇페이지를 눌러도 1페이지

페이지를 줄거니까 바꿔야함

연결

 

같은것

page로 바꿈

1페이지가 됨

아래꺼는 클릭하면 바뀌는 것

3을 클릭하면 3페이지가 refetch되고 4를 클릭하면 4페이지가  refetch되는 것

넘버를 적어줘여 함 (문자,숫자)

이제 페이지를 누르면 바뀜

 

페이지2에서 이전 다음을 만듦

아직 클릭은 되지 않음

다음을 누르면 11~20 또 누르면 21~30이 나와야함 

만들고

이것도 바꾼다

현재 데이터는 사용중이 아님

다음 누르면 11~20이 나옴

그런데! 이전을 계속 누르면 마이너스가 된다..?

막으려면 어찌해야 될까?

return = 값을 반환하는 것 = 함수를 종료하는 뜻

종료가 되었으니 아래쪽은 실행이 안됨 

75.1~9가 나오면 76페이지가 되야해서 올림을 해야함

연결

이름이 같으면 안됨 => 방법은?

이름 바꾸면 되즹

올림해서 76페이지를 만든것

감싸준다

현재 마지막 페이지는 76페이지

다음을 계속 눌러도 막히게 하는것

77~80은 가려야됨

10개라서 무조건 10개가 나옴 => 76까지 나오게 하려면?

이렇게하면

 

더 깔끔하게 만들면

전에 썼던 bbb를 바꿈

얘는 Element야~

id바꿈

_ = 안쓰는거야~

 

data, aaa가 있는 곳은 함수 인자, 이름 상관없음

_ idx

10개 만들어지는데 비어있어서 채워야 나옴

 

완성 코드는