performance
-
새로 올린 이미지가 그대로일 때: CDN 캐시와 갱신
이미지를 바꿔 다시 올렸는데 브라우저에는 예전 파일이 보인다. 원본은 분명히 바뀌었고, 강력 새로고침을 해야 새 이미지가 나타난다. 이런 경우에는 캐시를 확인해야 한다. 이 글에서는 캐시를 제공하는 계층 중 CDN을 살펴본다. CDN이 원본 서버 대신 파일을 전달하는 방식과 캐시 유지 시간을…
-
번들을 청크로 나누면 무엇이 달라질까
Next.js 프로젝트를 빌드하면 .next/static/chunks/ 안에 여러 파일이 생긴다. 파일 이름에는 main-a3f9b2.js처럼 해시가 붙어 있다. 작성한 코드를 하나로 합치는 줄 알았는데, 왜 여러 조각으로 나뉘어 나올까? 각 조각을 청크(chunk)라고 한다. 빌드 도구가 청크를 나누는 기준과 캐시·로딩에 미치는 영향을 살펴본다. 직접 코드를…
