페이지 네이션에 필요한 정보는 어느 정도가 적당?

Question

리액트에서 페이지 네이션 구현 하는데 아래 정도면 페이지 네이션 구현에 충분 하겠죠? 이정도면 충분하고도 남죠?{ &#34;pageNum&#34;: &#34;1&#34;, &#34;pageSize&#34;: &#34;10&#34;, &#34;totalCount&#34;: 8, &#34;contents&#34;: [ { &#34;id&#34;: 1, &#34;name&#34;: &#34;김철수&#34;, &#34;folderPath&#34;: &#34;/김철수&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 0, &#34;depth&#34;: 0, &#34;parentId&#34;: null, &#34;children&#34;: [ { &#34;id&#34;: 2, &#34;name&#34;: &#34;대학원&#34;, &#34;folderPath&#34;: &#34;/김철수/대학원&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 0, &#34;depth&#34;: 1, &#34;parentId&#34;: 1, &#34;children&#34;: [] }, { &#34;id&#34;: 3, &#34;name&#34;: &#34;연구실&#34;, &#34;folderPath&#34;: &#34;/김철수/연구실&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 1, &#34;depth&#34;: 1, &#34;parentId&#34;: 1, &#34;children&#34;: [] } ] }, { &#34;id&#34;: 4, &#34;name&#34;: &#34;이영희&#34;, &#34;folderPath&#34;: &#34;/이영희&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 0, &#34;depth&#34;: 0, &#34;parentId&#34;: null, &#34;children&#34;: [ { &#34;id&#34;: 5, &#34;name&#34;: &#34;회사&#34;, &#34;folderPath&#34;: &#34;/이영희/회사&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 0, &#34;depth&#34;: 1, &#34;parentId&#34;: 4, &#34;children&#34;: [] }, { &#34;id&#34;: 6, &#34;name&#34;: &#34;부서&#34;, &#34;folderPath&#34;: &#34;/이영희/부서&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 1, &#34;depth&#34;: 1, &#34;parentId&#34;: 4, &#34;children&#34;: [ { &#34;id&#34;: 7, &#34;name&#34;: &#34;기획팀&#34;, &#34;folderPath&#34;: &#34;/이영희/부서/기획팀&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 0, &#34;depth&#34;: 2, &#34;parentId&#34;: 6, &#34;children&#34;: [] }, { &#34;id&#34;: 8, &#34;name&#34;: &#34;홍보팀&#34;, &#34;folderPath&#34;: &#34;/이영희/부서/홍보팀&#34;, &#34;folderColor&#34;: null, &#34;order&#34;: 1, &#34;depth&#34;: 2, &#34;parentId&#34;: 6, &#34;children&#34;: [] } ] } ] } ], &#34;first&#34;: false, &#34;last&#34;: true, &#34;empty&#34;: false }

몰랑토끼 · Answer

"pageNum": "1", "pageSize": "10", "totalCount": 8,pageNum이랑 pageSize는 프론트에서 유동적으로 수정이 가능하게 처리할수있어서 저 데이터는 필요는 없고, totalCount 정도만 있으면되요id는 굳이 사용하진 않지만 depth가 있으니 1의 child는 11 , 12 같이 그 뒤에 붙이는게 가독에 더 좋아보이네요. order 로 순서 정렬할수있는거같은데 11, 12면 order 없이 id로 정렬할수도 있고요

페이지 네이션에 필요한 정보는 어느 정도가 적당?

1개의 답변

#pagination 목록