Frontend/Angular (1) 썸네일형 리스트형 무한스크롤 구현하기 Angular에서 Directive를 사용해서 무한 스크롤을 구현해보겠다. 무한 스크롤이란?유저에게 대용량 데이터를 한번에 가져와서 보여주려면 많은 시간이 걸린다.그래서 유저의 화면 영역을 채우는 데이터를 불러와 보여주고 스크롤을 내리면 그만큼의 데이터를 불러와서 보여주는 것을 의미한다. 1. 데이터를 가져와야 하는 시점 계산하기무한스크롤을 구현하기 위해서는 스크롤의 위치를 계산하는 것이 중요하다.문서의 높이와 현재 화면의 높이 등을 계산해서 데이터를 더 가져올 지를 선택해야 하기 때문이다. - scrollHeight: 전체 문서의 높이- innerHeight or clientHeight : 뷰포트의 높이- scrollTop : 문서의 최상단부터 뷰포트의 최상단까지의 거리 |-------------.. 이전 1 다음