From 4eb24971392a71a90d52bd45d0294d1dd09986d2 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Thu, 24 Oct 2024 17:57:38 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=8E=98=EC=9D=B4=EC=A7=95=20=EB=8B=A8?=
 =?UTF-8?q?=EC=9C=84=20=EB=84=98=EA=B8=B0=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 다음 단위 없는데도 넘어가는 현상 수정
---
 src/components/Playground.jsx                    | 2 +-
 src/components/common/pagination/QPagination.jsx | 2 +-
 src/hooks/usePagination.js                       | 9 +++++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Playground.jsx b/src/components/Playground.jsx
index 3bdb7ccb..d1061306 100644
--- a/src/components/Playground.jsx
+++ b/src/components/Playground.jsx
@@ -138,7 +138,7 @@ export default function Playground() {
     pageNo: 1,
     pageSize: 10,
     pagePerBlock: 10,
-    totalCount: 501,
+    totalCount: 26,
     handleChangePage: (page) => {
       console.log('page', page)
     },
diff --git a/src/components/common/pagination/QPagination.jsx b/src/components/common/pagination/QPagination.jsx
index 7eb6638a..c6cab52d 100644
--- a/src/components/common/pagination/QPagination.jsx
+++ b/src/components/common/pagination/QPagination.jsx
@@ -31,7 +31,7 @@ export default function QPagination(props) {
         <button
           onClick={() => {
             if (currentPage === totalPages) return
-            handlePage(Math.max(1, pageGroup * pagePerBlock + 1))
+            if (pageGroup * pagePerBlock + 1 <= totalPages) handlePage(Math.max(1, pageGroup * pagePerBlock + 1))
           }}
         ></button>
       </li>
diff --git a/src/hooks/usePagination.js b/src/hooks/usePagination.js
index 7d76d293..c0a9ea50 100644
--- a/src/hooks/usePagination.js
+++ b/src/hooks/usePagination.js
@@ -28,6 +28,15 @@ const usePagination = ({ pageNo = 1, pageSize = 10, pagePerBlock = 10, totalCoun
     return i + startPage
   })
 
+  // console.log('pageRange', pageRange)
+  // console.log('startPage', startPage)
+  // console.log('endPage', endPage)
+  // console.log('totalPages', totalPages)
+  // console.log('pageGroup', pageGroup)
+  // console.log('pagePerBlock', pagePerBlock)
+  // console.log('currentPage', currentPage)
+  // console.log('pageNo', pageNo)
+
   return { currentPage, changePage, pageGroup, totalPages, pages, startPage, endPage, pageRange }
 }