• 빠른 이동을 원하시면, 아래 키워드를 클릭하세요!

🌿 페이지네이션

페이지네이션(Pagination) 은 웹사이트나 애플리케이션에서 많은 양의 콘텐츠를 나누어 여러 페이지에 나눠서 표기하는 기법입니다. 사용자가 컨텐츠를 더 쉽게 탐색할 수 있도록 도와줍니다.

페이지네이션 주요요소

• 페이지 번호 : 각 페이지에 번호를 매겨 사용자가 원하는 페이지로 쉽게 이동할 수 있도록 합니다.
• 이전/다음버튼 : 사용자가 이전 페이지나 다음 페이지로 쉽게 이동할 수 있는 버튼을 제공합니다.
• 전체 페이지 수 : 전체 페이지 수를 표시하여 사용자가 전체 콘텐츠 양을 알 수 있도록 합니다.
• 현재 페이지 표시 : 사용자가 현재 어떤 페이지에 있는지를 알 수 있도록 현재 페이지를 강조 표시 합니다.

페이지네이션 장점

• 사용자 경험 개선 : 많은 양의 정보를 한 번에 표시하는 대신, 페이지를 나누어 사용자가 필요한 정보를 쉽게 찾을 수 있게 합니다.
• 로드 시간 단축 : 모든 데이터를 한 번에 로드하지 않고 필요한 데이터만 로드하므로 페이지 로드 시간이 단축됩니다.

페이지네이션 단점

• 추가 클릭 : 사용자가 원하는 정보에 접근하기 위해 추가 클릭이 필요할 수 있습니다.
• 사용성 문제 : 너무 많은 페이지가 있는 경우 사용자가 원하는 정보를 찾기 어려울 수 있습니다.

📝 실습 코드