<TIL> 0721_페이지네이션 (Pagination) - 01

박영은·2021년 7월 22일
0

페이지네이션

  • 가지고 있는 데이터를 한 화면에 보여주기 어려울 경우 일정 길이로 끊어서 전달하는 방법으로, 게시판이나 댓글화면 등의 이전, 다음 버튼, 무한 스크롤 등으로 쓰인다.

예 1) 일반적인 방식의 페이지처리 - 페이지 번호나, 버튼을 클릭해 이동하는 방식

예 2) 무한스크롤 - 유튜브 또는 페이스북같이 아래로 스크롤 할 때, 화면이 계속해서 추가되는 방식

<예1- 연습>

  • Playground에서 Graphql 명령어를 받아 데이터를 받아온다.
    import { gql } from '@apollo/client'
  • 같은 fetchBoards라도 api를 이용하는 것이기 때문에 의미가 다르다.
    : query fetchBoards = 데이터 불러오기 요청. ( request )
    : fetchBoards = 데이터 요청에 대한 응답. ( response )


profile
Front-end

0개의 댓글