목록 나눠 보기

쉽게 말하면

여기서 중요한 건 기록을 지우는 게 아니라는 점이에요. 천 건은 그대로 다 남아 있어요. 한 번에 들고 나오는 양만 줄이는 거예요. 그래서 목록 나눠 보기는 손님 기록이 사라질 걱정 없이 손볼 수 있는 부분이에요.

이런 증상이면 이 얘기예요

이 문제는 "고장"처럼 보이지 않아요. 어느 날부터 화면이 조금 느려지고, 몇 달 뒤에는 아예 안 열려요. 손님이 늘어난 만큼 정확히 비례해서 나빠지기 때문에, 잘되고 있을 때 처음 티가 나요.

마지막 줄이 사장님 지갑에 직접 닿는 부분이에요. 대부분의 호스팅과 데이터베이스 요금은 읽은 양과 보낸 양으로 계산돼요. 필요 없는 980건을 매번 같이 실어 보내면, 그 짐값을 매달 내고 있는 거예요. 목록을 AI에게 요약시키는 화면이라면 부르는 양이 곧 AI 요금이 돼요.

AI에게 그대로 말할 문장

고칠 때 사장님이 할 일은 증상을 골라 문장을 붙여 넣는 것뿐이에요. 왼쪽에서 내 증상을 찾아 오른쪽을 복사해 쓰면 돼요.

고친 뒤 이렇게 확인해요

1. 1목록 화면을 처음 열 때 몇 건이 보이는지 세어 보세요. 정해 준 숫자만큼만 보여야 해요.
2. 2더보기를 연달아 세 번 눌러 보세요. 같은 항목이 다시 나오지 않는지, 순서가 계속 이어지는지만 보면 돼요.
3. 3마지막까지 눌러 보세요. 끝에 닿았을 때 버튼이 사라지거나 끝이라는 표시가 나와야 해요.
4. 4검색이나 필터를 걸고 다시 해 보세요. 조건을 바꾼 순간 첫 쪽으로 돌아가야 정상이에요.
5. 5휴대폰에서 한 번 더 해 보세요. 손님 대부분은 휴대폰으로 봐요.

다섯 개가 다 통과하면 끝이에요. 하나라도 어긋나면 그 항목을 그대로 문장으로 만들어 다시 주문하면 돼요. "더보기를 세 번 누르면 같은 항목이 다시 나와요"처럼 눈에 보인 그대로 말하는 게 가장 잘 통해요.

나누는 방식은 크게 세 가지

겉모습은 셋이 다르지만, 속에서 부르는 방법은 두 가지로 갈려요. 몇 개 건너뛰고 몇 개 주세요와 마지막으로 본 것 다음부터 몇 개 주세요예요. 앞의 것은 쪽으로 뛰기 편하지만 뒤쪽이 느려지고 줄이 밀려요. 뒤의 것은 몇 만 건이 되어도 속도가 그대로지만 "37쪽으로 바로"가 어려워요.

1. 1손님이 보는 화면이고 계속 쌓이는 목록이라면 더보기 버튼 + 마지막으로 본 것 기준으로 가요. 가장 사고가 적어요.
2. 2사장님 관리 화면이라면 쪽 번호도 좋아요. 관리 화면은 여는 사람이 사장님뿐이라 뒤쪽이 조금 느려도 견딜 만해요.
3. 3스크롤 자동을 쓸 거면 맨 아래에 있던 내용을 위로 옮겨 주세요. 목록이 끝나지 않으니 아래는 아무도 못 봐요.

정렬 기준을 고정하는 일은 방식과 별개로 늘 필요해요. 기준이 흔들리면 같은 항목이 두 번 나오거나 하나가 통째로 빠져요. 손님은 그걸 "목록이 이상해요"라고 문의해요.

지금은 신경 쓰지 않아도 되는 때

목록이 있다고 다 나눠야 하는 건 아니에요. 위로 자라지 않는 목록은 그냥 두는 게 맞아요. 안 해도 되는 일을 미리 해 두면, 코드는 복잡해지고 화면은 더 불편해져요.

여기서 자주 어긋나요

더보기 버튼이 달렸는데도 화면이 여전히 느린 경우가 있어요. 그중 절반은 같은 원인이에요. 기록은 전부 받아 놓고, 화면에서만 20개씩 잘라 보여 주고 있는 것이에요. 손님 눈에는 나눠 보기처럼 보이지만 서버가 하는 일은 하나도 줄지 않았어요.

구별하는 방법은 간단해요. AI에게 "이 목록이 서버에서 20건만 받아 오는지, 전체를 받아 놓고 화면에서만 자르는지 알려 주세요"라고 물어보면 돼요. 후자면 "서버 요청 단계에서 20건씩만 받아 오도록 바꿔 주세요"라고 이어서 주문하세요.

두 번째로 흔한 어긋남은 목록마다 규칙이 다른 것이에요. 주문은 20건씩, 문의는 전부, 후기는 50건씩이면 나중에 손볼 때마다 사람이 헷갈려요. 처음 정할 때 "우리 서비스의 목록은 20건씩, 더보기 버튼"처럼 한 줄로 정해 두고 그 문장을 계속 쓰는 게 편해요.

실제로 겪는 장면

같이 챙겨야 화면이 완성돼요

끊어 불러오기만 넣으면 화면이 어색해지는 지점들이 있어요. 아래 다섯 개를 같은 주문에 얹어 두면 마무리까지 깔끔해져요.

1. 1불러오는 중 표시. 버튼을 눌렀는데 아무 반응이 없으면 손님은 두 번, 세 번 눌러요. 기다리는 중 화면 처리를 같이 넣어요.
2. 2다 불러왔을 때. 더보기 버튼이 계속 남아 있으면 눌러도 아무 일이 없어요. 마지막이면 버튼을 감추거나 "여기까지예요"로 바꿔요.
3. 3한 건도 없을 때. 첫 쪽부터 비어 있으면 하얀 화면이 돼요. 텅 빈 화면 안내를 넣어 둬요.
4. 4검색·필터와의 합. 조건이 바뀌면 반드시 첫 쪽부터 다시 세야 해요. 내 서비스 안 검색과 함께 쓸 때 가장 많이 새는 곳이에요.
5. 5실패했을 때. 다음 쪽을 못 받아 오면 목록이 조용히 멈춰요. 다시 시도 버튼이 있어야 손님이 빠져나가지 않아요.

그리고 끊어 불러오기는 느려진 목록 되살리기(인덱스)와 짝이에요. 가져오는 양을 줄이는 게 이 문서고, 그 20건을 빨리 찾아내는 게 인덱스예요. 둘 다 해야 목록 화면이 진짜로 가벼워져요.

자주 묻는 것

Q. 한 번에 몇 건이 적당해요?

화면에 보이는 만큼 조금 더 넉넉하게가 기준이에요. 글자 위주 목록은 20건에서 50건 사이로 잡는 게 오래된 관례고, 사진이 큼직하게 들어가는 목록은 10건에서 20건이 편해요. 정답은 없으니 사장님 화면에서 첫 판이 화면을 살짝 넘기는 정도로 맞춰 보세요.

Q. 이걸 넣으면 손님이 뒷장을 안 보게 되지 않을까요?

이미 대부분의 손님은 첫 판만 봐요. 오히려 다 불러오다 멈추는 화면에서는 첫 판도 못 봐요. 뒷장까지 보게 하고 싶으면 목록을 길게 만드는 게 아니라 검색과 정렬을 잘 만들어 주는 쪽이 효과가 커요.

Q. 총 건수를 꼭 보여 주고 싶은데요

보여 줄 수 있어요. 다만 총 건수를 세는 일은 20건을 가져오는 일보다 무거울 수 있어요. 기록이 아주 많아지면 정확한 숫자 대신 대략치로 적거나, 사장님 관리 화면에만 두는 방법을 써요.

Q. 스크롤 자동이 더 요즘 느낌인데 그걸로 하면 안 돼요?

써도 돼요. 대신 두 가지를 잊지 마세요. 목록이 끝나지 않으니 화면 맨 아래에 있던 안내나 문의 버튼은 아무도 못 봐요. 그리고 손님이 뒤로 갔다 돌아오면 보던 자리를 잃기 쉬워요. 손님 상담이 걸린 화면이면 더보기 버튼이 안전해요.

Q. 이미 만들어 놓은 화면도 나중에 바꿀 수 있어요?

네, 화면 구조를 크게 건드리지 않고 바꿀 수 있는 편이에요. 기록은 그대로 두고 가져오는 양만 바꾸는 일이니까요. 다만 목록에 딸린 검색·필터가 많을수록 손볼 곳이 늘어나요. 그래서 손님이 가장 많이 여는 목록 하나부터 고치고, 나머지는 필요할 때 하나씩 옮겨 가는 순서를 권해요.

Q. 관리자 화면에서 천 건을 한 번에 보고 싶을 때는요?

그럴 때는 목록 화면이 아니라 내려받기로 푸는 게 정석이에요. 화면은 20건씩 보여 주고, 전체가 필요할 때는 파일로 받아서 엑셀에서 보는 거예요. 눈으로 천 줄을 훑는 것보다 그게 실제로 빨라요.