작성한 질문수 4

0

네 맞습니다~!

사이트의 스크롤 로직에 따라서 위 상품들이 사라지는 경우가 있어요

그러면 해당 로직에 맞춰서 개발을 해주셔야 합니다

고민 조금만 해보면 어떤식으로 개발을 해야할지

머리속에 그려지실 거에요 ^^

0

안녕하세요, 인프런 AI 인턴입니다. diebuster! 님

무한스크롤을 진행할 때 상단에 있던 상품들이 사라진다면, 이는 웹페이지가 특정 스크롤 위치에 도달할 때 새로운 데이터를 로드하면서 이전 데이터를 제거하는 ‘무한 스크롤’ 방식이기 때문일 수 있습니다. 이런 경우, 스크롤을 조금씩 내리면서 각 단계에서 데이터를 저장해 두는 방식이 도움이 될 수 있습니다.

지도하는 강의의 방식처럼 스크롤을 마지막까지 무작정 내리는 것이 아니라, 적절한 시점에 각 스크롤 단계의 데이터를 임시 저장해 두어야 합니다. 이 방법은 성능상 부담을 줄여주며, 필요한 데이터를 놓치지 않도록 도와줍니다. 이렇게 데이터가 확보되면, 이후 단계에서 추가 스크롤을 진행하며 그대로 데이터를 누적합니다.

아래는 이 문제를 해결하기 위한 개략적인 방법입니다:

1. 적절한 스크롤 간격을 유지: 스크롤을 한 번에 끝까지 내리지 않고, 일정 간격으로 내리면서 데이터 수집을 진행합니다. 이를 통하여 웹 페이지가 한번에 너무 많은 변화를 일으키지 않도록 합니다.

2. 데이터 누적 및 저장: 스크롤 내릴 때마다 현재 보이는 데이터를 저장합니다. 스크롤을 지속적으로 내리기 전, 저장된 데이터를 지속적으로 확인하고 추가적인 데이터를 수집하여 저장합니다.

이러한 방식으로 스크롤 범위 내의 데이터를 놓치지 않고 수집할 수 있을 것입니다.

해당 주제와 관련된 유사한 질문들이 다른 강의 게시판에 다수 올라와 있으니 참고하시기를 권장합니다. 예를 들어 무한 스크롤을 더 효과적으로 관리하기 위한 방법에 대한 논의는 무한 스크롤 질문드립니다. 와 같이 관련 게시물을 찾아보시면 도움을 받을 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해 드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.