'Preloading' 태그의 글 목록

Image Preloading Preload는 페이지를 전환하면 바로 데이터를 볼 수 있도록 미리 데이터를 로드하는 방식. pokedex의 퀴즈에서 문제로 제시되는 이미지가 다음이 이미지로 넘어갈 때마다 새로 로드하기 때문에 이미지에 따라 아래 선택지 보다 늦게 로드되거나, 화면이 순간 깜빡하는 현상이 발생한다. 이를 해결하기 위해서 preload를 적용하여 현상을 해결해보았다. 문제를 생성하는 곳에서 useEffect(() => { const imageList: HTMLImageElement[] = []; pokemonQuestion.forEach((question) => { const image = new Image(); image.src = `https://raw.githubusercontent.c..

Vue&React 2022. 7. 15. 10:12

이전 1 다음