대나무숲 무한스크롤 문제

[minmoong]

문제 상황

현재 대나무숲 글 목록 페이지에서 intersection observer 기술을 사용하여 무한스크롤 기능을 구현했습니다.

글 목록의 맨 끝에 있는 로딩 스피너 요소에 observer가 등록돼 있어서, 로딩 스피너가 화면에 보이면 글 목록의 끝에 도달한 것으로 인식하여 서버에서 새 글을 더 가져와서 화면에 보여주는 방식으로 구현했습니다.

문제는 화면 크기가 큰 디바이스에서 접속 시 스피너에 첫 번째 intersection이 발생하여 서버에서 글을 가져온 뒤, 스피너가 여전히 화면에 남아 있게 되는 경우에 더 이상 intersection이 발생하지 않는다는 것입니다.

스피너가 화면 밖으로 벗어난 다음 다시 화면에 나타나야 두 번째 intersection이 발생하여 정상적으로 새 글이 불러와지기 때문입니다.

따라서 정상적으로 작동하려면, 페이지가 처음 로드될 때, 서버에서 충분한 양의 글을 가져와서 화면에 스피너가 충분히 밑으로 내려가서 화면을 벗어나도록 유도해야 한다는 것입니다.

이는 다양한 디바이스 크기를 고려하지 않은 기능입니다.