인프런 커뮤니티 질문&답변

김병화님의 프로필 이미지
김병화

작성한 질문수

프로젝트로 배우는 React.js

58 Pagination 8

페이지네이션 버그 있습니다.

작성

·

333

0

변수 명은 편한대로 변경했습니다.

numberOfPageForGroup = currentGroup === lastGroup ? totalPages % limit : limit;

처음 알려주신 코드 로직 그대로 사용하면

totalPages가 limit으로 나누어 떨어져서 나머지가 0인 경우 버그가 발생합니다.

 

const numberOfPageForGroup = currentGroup === lastGroup && totalPages % limit !== 0 ? totalPages % limit : limit;

나누어 떨어지는 경우도 처리해줘야 정상 작동합니다.

 

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다.

페이지네이션 버그에 관해 문의주셨군요. 코드를 살펴보니, 현재 코드에서 totalPages가 limit으로 나누어 떨어지는 경우에만 numberOfPageForGroup에 limit 값을 할당하는 부분이 있어서 다른 경우에는 오류가 발생하는 것 같습니다.

잘못된 코드를 수정하기 위해 제시해주신 코드를 살펴보겠습니다. 제시해주신 코드는 currentGroup이 마지막 그룹일 경우이고 totalPages가 limit으로 나누어 떨어지지 않는 경우에만 나머지 값을 할당하는 로직입니다. 나머지 값을 할당하는 조건을 추가함으로써 나누어 떨어지는 경우에도 제대로 동작하도록 수정된 것 같습니다.

따라서, 제시해주신 코드를 사용하여 수정하면 페이지네이션 버그가 해결될 것으로 보입니다. 이를 참고하여 코드 수정해보시기 바랍니다.

더 도움이 필요하시면 언제든지 말씀해주세요. 좋은 결과가 있기를 기대합니다.

김병화님의 프로필 이미지
김병화

작성한 질문수

질문하기