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


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

데이터 가져오기 페이지네이션을 하기 위해서는 데이터가 있어야 한다. 우선은 데이터가 없으므로 게시물 데이터는 JSON Placeholder라는 인터넷에 공개된 API를 통해 가져온다. fetch('<https://jsonplaceholder.typicode.com/todos/1>') .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) 구현하기