요청 처리 중입니다...

[React] 페이지네이션(Pagination) 구현하기

2023-09-07 16:25:58

데이터 가져오기 페이지네이션을 하기 위해서는 데이터가 있어야 한다. 우선은 데이터가 없으므로 게시물 데이터는 JSON Placeholder라는 인터넷에 공개된 API를 통해 가져온다. fetch('') .then(response => response.json()) .then(json => console.log(json)) 이렇게 데이터를 가져온다.

사이트를 참고하면 이렇게 fetch를 사용해서 가져온 데이터는 아래와 같은 데이터로 가져와진다. { "userId": 1, "id": 1, "title": "delectus aut autem", "completed": false } 게시물 목록 구현 import { useState, useEffect } from "react"; import styled from "styled-components"; import Pagination from "./Paginat...

# fetch # 코딩이란 # 코딩 # 상위컴포넌트 # 리액트 # 독학 # 공부 # 게시물보여주기 # 게시물목록구현 # useEffect # styledcomponents # response # react # placeholder # pagination # page # limit # json # 페이지네이션

원문 링크 : [React] 페이지네이션(Pagination) 구현하기

등록된 다른 글

[React] 페이지 이동시 스크롤 최상단에 위치하기

[React] 리스트와 key 개념 쌓아보기

[React] props 개념 다지기

[React] useMemo()와 React.memo, useCallback() 비교하기

[React] react 모바일 페이지 구현하기

[서울] 네이버 체크인 챌린지 #5 춘식이가 이끈 카페