Next.js로 포트폴리오 사이트를 만들고 Vercel로 배포를 했더니 이미지 최초 로딩 시에 딜레이가 생기는 이슈가 발생했다. 로컬에서는 이미지가 바로바로 변경이 되어서 문제를 인식하지 못했는데, 배포 환경에서는 이미지가 캐싱되기 전에 3초동안 지연이 발생했기 때문에 문제를 수정해야 했다. 다음과 같은 방법을 시도했지만 실패했다.next/image (Image) 대신 img 태그 사용 → ❌Function Region을 Seoul로 변경 → ❌페이지 로딩 시에 필요한 모든 이미지를 미리 렌더링하는 방식을 통해 문제를 해결했다.useEffect(() => { const imagesToPreload = [ '/robo1.png', '/robo2.png', '/robo3.pn..
