Sqsung DevLog

1. 서론: 무한 스크롤에 대해 프론트엔드 개발을 하다보면 많은 양의 정보를 가져와 사용자에게 보여줘야 하는 경우가 있다. 이럴 때는 효율적으로 접근할 필요가 있다. 한번에 모든 정보를 받아오는 경우, 정보가 무겁고 fetch 결과가 느리기 때문에 쉽게 애플리케이션의 성능과 사용자 경험이 나빠질 수 있다. 음식 카테고리 별 1 인 1 투표를 원칙으로 하는 마이슐랭 가이드(위 gif 이미지 참고)를 개발할 때, mock server에 100개의 맛집 정보를 가지고 개발을 시작했다. 근데 각 매장 별로 많은 양의 데이터는 물론, 각 매장을 나타내는 이미지를 가지고 있기 때문에, 한번에 데이터를 가져오는 과정에서 엄청난 성능 저하가 발생했다. 이럴 때 사용하면 좋은 게 무한 스크롤이다. 사실 인터넷을 적극적으..