pagination1 Pagination 기능 만들기 대용량의 데이터를 한꺼번에 화면에 표출하게 되면 데이터를 로딩하는 시간도 많이 소요되고, 사용자가 보기에도 불편함이 많이 존재하게 됩니다. 사용자 편의성을 위해 일반적으로 사용하는 페이지를 나눠서 보여주는 pagination 기능을 아래의 예시를 통해 적용해보겠습니다. 페이지를 나눠서 표출하는 방법에는 다양한 방법이 있겠으나 이번 예시에서는 Node.js, Express, MongoDB 환경에서 기능을 구현하였습니다. 1. 기능 정의 - 표출할 전체 데이터 수를 확인하기 - 한 페이지에 표출할 목록 갯수 정하기 - 페이지당 목록 개수에 따른 페이지수 확정 - 페이지 이동시 해당 페이지 목록에 해당되는 데이터만 불러오기 - 페이지 목록 표출은 Bootstrap 적용 2. 페이지 생성 함수 정의 utils>.. 2023. 11. 3. 이전 1 다음 반응형