React 페이지네이션 구현하기 (Mui이용)
검색 결과에 따른 리스트를 뱉어내는데, 목록이 10개 이하일 때 도 있고, 100개가 넘을 때 도 있어서 PC나 모바일화면 양쪽에서 편하게 사용하려면 페이지네이션 기능이 필요하다 생각했다. 사진도 넣을거니까 더더욱 필요해짐, Django를 쓸때는 파이썬으로 slice를 사용해서 배열에 원하는 갯수만큼 저장한다음 페이지네이션으로 뱉어내는 형태 였는데 javascript도 마찬가지다. 오랜만이라 삽질을 조금했다. 1. for문을 사용해 처음엔 구현했다. [1,2,3,4,5,6,7,8,9,10,11] 이런식이면 5개씩 저장한다치고 [[1,2,3,4,5], [6,7,8,9,10], [11]] 아래와 같이만든다음 페이지네이션에 집어넣었다. 하지만 매우 비효율적인 방식이란걸 깨닫게 되고... JS에서도 2.slic..
2022. 3. 25.
