INFINITE SCROLL

Infinite Scroll은 무엇인가?

우리가 페이스북이나 인스타그램 피드를 보면 끝도 없이 게시물이 보이며 스크롤을 계속할 수 있다. 이러한 방식을 infinite scroll이라고 하는데 원리는 다음과 같다.

웹이 처음 켜졌을 때 서버에서 데이터를 받아온다(onMount). 이후 스크롤하여 화면의 끝에 도달하면 이벤트를 감지하고 있던 함수가 작동해 서버에서 새로운 데이터를 받아와 기존 데이터에 갖다 붙인다. 해당 과정을 반복한다.

대부분의 코드는 여기에서 가져왔다.

다만 우리 코드에서는 svelte-bricks 라이브러리를 이용해 그리드 방식으로 post를 보여줄 예정이라 css적인 부분을 다량 변경해야 한다. 오늘 이 라이브러리를 install할 때 에러가 발생해서 고치느라 많은 시간을 썼다...결론적으로는 personal access token의 문제였는데 에러를 고치고 나서도 근본적인 문제를 완벽히 깨닫지 못했다는 생각에 크게 기쁘지 않았다.

내일 호건이가 db 연결을 하면 빨리 테스트해보고 싶다. 그러면 거의 post tf는 끝난다고 보면 될 듯??

NO SBL KEEP GOING