페이지네이션 배치 확인 항목 모음

윤곽만 담은 뜻풀이

항목이 많은 목록을 여러 문서로 나눠 보여 주는 처리이며, 다음과 이전으로 오가는 연결을 함께 둔다. 페이지네이션은 노트를 남긴 쪽에 따라 Pagination, 목록 분할이라고 적어 둔 표도 함께 돈다.¹ 설계 노트의 이 대조표는 페이지네이션을 도면에 얹을 때 짚을 자리를 차례로 모았다.

도면과 함께 볼 내력과 짜임

검색엔진최적화를 노리고 구획을 묶는 쪽이 밑에 깔릴 바탕은 이렇게 짚인다.² 한 문서에 모든 항목을 담으면 응답이 느려지고 읽기도 어려워, 목록을 나누고 번호로 잇는 방식이 일반적인 설계가 됐다.

묶음이 전달되는 얼개

도면을 덮기 전에 자리가 어떻게 쓰이는지 보면 짚을 범위가 한 칸으로 좁혀진다. 나뉜 문서는 각각 고유 주소를 가지므로 크롤러가 번호를 따라가며 하위 항목을 발견하고, 번호 문서가 서로 이어져 있으면 깊은 항목까지 길이 남는다.

차례로 볼 점검 항목 묶음

• 고치는 방법이 닮은 개념과 나누면 두 자리를 가르는 구분선이 보인다. 항목을 스크롤로 계속 불러오는 방식과 달리, 이쪽은 번호마다 주소가 있어 크롤러가 따라갈 길이 남는다.

• 손으로 직접 고쳐야 할 자리는 손질 하나로 이렇게 묶인다. 번호 문서가 색인 가능한 상태인지 확인하고, 각 번호 문서에 앞뒤 번호로 가는 연결을 넣어 수집 경로를 끊지 않는다.

• 설계 쪽에서 자주 듣는 잘못된 말은 짚고 넘어갈 말로 이렇게 꼽힌다. 모두 모아 보여 주는 문서를 따로 두면 번호 문서는 필요 없다고 보기 쉬우나, 항목이 많으면 그 문서가 느려져 수집에 불리해진다.

• 확인까지 거칠 경로를 미리 짚어 두려면 살필 지점을 아래에 묶어 둔다. 크롤링 도구에서 번호 문서가 모두 수집되는지, 마지막 번호 뒤에 빈 문서가 생기지 않는지 확인한다.

• 칸이 서로 겹치거나 비어 버리는 경우는 걸리는 대목으로 이렇게 정리된다. 번호 문서를 모두 색인에서 빼면 하위 항목으로 가는 길이 끊기고, 번호마다 같은 소개 문구를 길게 넣으면 문서들이 서로 비슷해진다.

항목 묶음을 전체 흐름 사이에 끼워 보려면 콘텐츠설계 쪽에 칸별로 표가 정리되어 있다.

설명용 장면으로 되짚어 보기

짜임이 실물로 드러나는 모습을 보려고 단순화한 장면 하나를 아래에 적어 둔다. 가령 사례가 수백 건인 목록이라면, 번호로 나눈 뒤 각 번호 문서에서 다음 번호로 가는 연결을 두는 구성이 쓰인다.

자리를 다 맞춘 뒤 칸 옆에 적어 둘 한 문장

검색엔진최적화를 겨냥한 점검표의 설명 칸에 페이지네이션을 넘길 쪽지 한 줄로 쓴다면 이렇다. 긴 목록을 주소가 있는 여러 문서로 잘라 수집과 읽기를 함께 받치는 처리다.

옆에 둔 칸

이웃 칸에 적힌 문서로는 패싯 내비게이션과 파라미터 URL이 표 아래에 실려 있다. 표제어 목록 뒤쪽에는 레이지 로딩과 동적 렌더링 칸도 나란히 적혀 있다. 번호가 쿼리 문자열로 붙는 경우에는 파라미터 URL 관리가 함께 필요하고, 필터와 섞이면 패싯 내비게이션 문제로 번진다.