LazyLoad/PreLoad

LazyLoad : 특정 페이지에 접속했을 때 페이지에 있는 모든 사진을 랜더링하지 않고 스크롤을 내리게되면 랜더링해준다. 만약 모든 사진을 랜더링해야할 경우 유저가 이미지가 다 다운받아질때까지 기다려야하는 번거로움을 줄 일 수 있다.

PreLoad : 이미지가 큰 경우나 유저가 접속했을때 꼭 봐야하는 중요한 메인 이미지들 같은 경우에 랜더링되기전에 미리 사전에 다운받아 놓는 것이다. PreLoad의 경우 useEffect를 사용하여 미리 그려둘 수 있다.

==> LazyLoad의 경우 react lazy load 라이브러리 사용 할 수 있다.