inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

초무님의 게시글

초무 초무

@akzmdkdlel1897

수강평 작성수
-
평균평점
-

게시글 6

질문&답변

포트원 imp_uid 관련 문의드려요

학습자료에 있는 포트원 key를 사용해야 정상적으로 응답 받을 수 있어요

좋아요수
0
댓글수
3
조회수
339

질문&답변

15 페이지네이션 에러

22번 줄에서 IQueryFetchBoardArgs의 Boards의 s가 빠져서 그런거 아닌가요?

좋아요수
0
댓글수
1
조회수
275

질문&답변

pagination 페이지 번호 유지하고 싶습니다.

강사님 router.push로 query를 사용하고 해당 page 값은 pagination을 통해 이동하면 주소 변경은 제대로 이뤄집니다. 또한 fetchBoards의 refetch 또한 variable에 page 값 들어가 한번 요청을 하는데 router.push를 하니까 추가로 2개의 API 요청을 합니다. 총 3개로 다음과 같이 요청을 합니다. 첫 번째는 fetchBoards로 variables: {page: 9} 값이 잘 들어와 있는데 두 번째 / 세 번째에서는 처음 접속 또는 새로고침 했을 때 요청 했을 때와 같은 API 요청을 합니다. 이 두 개 또한 variables가 비어있습니다. 그래서 그런지 다른 건 잘 되는데 해당 page의 게시물 목록 이동이 안됩니다. (10 페이지 클릭을 해도 1페이지만 보여집니다.) 그래서 uesEffect를 사용해서 페이지 이동으로 page값이 변경이 되면 refetch하도록 했는데도 같은 결과가 나옵니다. const [startPage, setStartPage] = useRecoilState(isStartPageState); const [activePage, setActivePage] = useRecoilState(isActivePageState); const onClickPage = (event: MouseEvent ): void => { const active = Number(event.currentTarget.id); setActivePage(active); // 기존 refetch만 사용 시 // void props.refetch({ page: active }); void router.push({ pathname: "/boards", query: { page: active }, }); }; console.log(activePage); useEffect(() => { void props.refetch({ page: activePage }); console.log(activePage, "Recoil"); }, [activePage]); 위 코드는 pagination에서 1~10까지 게시물 이동에 대한 클릭 함수입니다. 해당 방법이 맞는지 궁금합니다.

좋아요수
1
댓글수
4
조회수
1460