LazyLoad

스크롤 내리면서 그부분에서 필요한 사진을 그때마다 불러오는 방법

이미지데이터의 용량이 큰편인데 한번에 불러오면 첫 페이지의 로딩시간이 오래 걸릴 수 있기 때문에 사용자가 스크롤을 내리면 그부분에 필요한 이미지를 그때마다 불러와서 보여주는 방법이다
lazyload를 도와주는 라이브러리!
https://www.npmjs.com/package/react-lazy-load-image-component

PreLoad

사진을 미리 다운 받아놓고 기다리다가 버튼을 누르거나 페이지가 변경되면 바로 사진을 보여주는 방법

useEffect를 이용해서 사진을 다운 받고 기다렸다가 원하는 순간 다운로드된 사진을 보여주는 방법으로 빠르게 사진을 보여줄 수 있다
이용자가 느끼기에 훨씬 빠르게 사진을 받아 볼 수 있어서 만족스러운 사용감을 준다