React 심화주차 팀 프로젝트 3차시 ?

문제 1.     
const getPost = async () => {
        const { data } = await axios.get("http://localhost:4000/speedMeets");
        return data;
    };

    
    const { data: PostData, isLoading: postLoading } = useQuery({
        queryKey: ["post"],
        queryFn: getPost
    });

를 했는데 data가 undefined가 뜸. 데이터를 호출하는 과정에서 문제가 생겼을 것이라고 판단.

console.log("data", data);와 getPost();을 넣어줌으로서 함수를 호출해봄
호출하니 axios가 정의되지 않았다는 문구가 뜸
아... axios를 import하지 않았다는 것을 늦게 깨달음

import axios from "axios";를 해주니 문제 해결~

문제 2. 키가 없다고 warning 뜸 key={post.id}을 넣어주니 warning이 270개인ㄴ가 그정도 생겨서 일단은 key={post.id} 다시 지움...

문제 3. 


    // const [limit, setLimit] = useState(10); //페이지당 제한하고 싶은 게시물의 개수
    // const [page, setPage] = useState(1); // 페이지
    // const numPages = Math.ceil(total / limit);
    // const offset = (page - 1) * limit; //해당 페이지의 첫게시물의 위치계산
.slice(offset, offset + limit) //slice를 이용해 보여주고싶은 게시물 제어


기능 1. 페이지네이션, 즉 게시물 10개씩 보여주기를 구현하기 위해 
yarn add react-js-pagination 를 설치한 후 다른 분이 한 거 따라서 했다... 이게 맞나?