TIL 211129-30 실전프로젝트 36-37일차

오늘 한 일

실전프로젝트 36-37일차

전체 회의

• 최종 1차 발표 준비

프로젝트 진행

• 무한스크롤 구현
• 스피너 구현

느낀 점

기존에는 산책목록과 개스타그램 목록을 한 번에 전부 받아오도록 해두었는데 아무래도 이미지도 많고 데이터를 한 번에 받아오니까 로딩이 느려지고 성능 부분에서도 문제가 생기는 것 같아서 무한 스크롤을 구현하기로 했다. 페이지네이션과 무한스크롤 중에서 고민을 했는데 아무래도 모바일 최적화를 하는 만큼 무한 스크롤이 사용성에 있어서 좋을 것이라고 판단하여 react-intersection-observer를 사용하여 무한스크롤을 구현했다. 백에서도 데이터를 10개씩 get 요청 하여 받아올 수 있도록 했고, 추가적으로 스크롤 후 데이터가 더 있으면 스피너를 보여주고, 없다면 스피너를 보여주지 않는 작업까지 완료했다.

내일 할 일

• 최종 1차 발표 준비 및 제출