페이지네이션
Pagination
목록이 길 때 1, 2, 3… 번호로 페이지를 나눠 보여 주는 방식이에요.
💡 두꺼운 책을 쪽수로 나누는 것과 같아요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
- 게시글 1
- 게시글 2
- 게시글 3
CSS현재 페이지: 1 / 7
🤖 AI에게 이렇게 말해 보세요
게시판 목록에 페이지네이션(Pagination)을 넣어 줘. 한 페이지에 10개씩 보여 주고, 아래에 '이전 1 2 3 4 5 다음' 버튼을 만들어 현재 페이지는 색을 칠해 줘.
핵심은 ‘Pagination’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
이럴 때 써요
- 게시판, 검색 결과처럼 항목이 아주 많을 때
이렇게도 불러요: 페이지 번호, 쪽수, 다음 페이지, 1 2 3, 페이징, paging