🤍 은지log 🤍

// Main.tsx import { useEffect, useState } from "react"; import styled from "styled-components"; import { useQuery } from "react-query"; import Pagination from "../templates/Pagination"; const Main = () => { // const [post, setPost] = useState([]); const [totalPosts, setTotalPosts] = useState(10); // 페이지 당 게시물 수 const [page, setPage] = useState(1); // 현재 페이지 번호 const offset = (page - 1) * totalP..

💡 useQuery API연동에 특화된 라이브러리로 Hook을 기반으로 데이터 로딩을 편하게 구현하도록 도와줍니다. 반환 값을 활용하여 성공, 실패 처리가 가능합니다. ( isFetching, isLoading, error, state 등 ) Status isLoading : 현재 데이터 요청 중 isError : 오류 발생 isSuccess : 데이터 요청 성공 data : 요청 성공한 데이터 refetch : 다시 요청을 시작하는 함수 const Ex = () => { const result = useQuery('posts', postData); const { data, error, isLoading } = result; if (isLoading) return Loading...; if (error)..