next/dynamic1 Next의 dynamic 기능에 대해 알아보자 Next.js에서의 Dynamic(동적인) 기능 Next.js의 dynamic 기능은 필요한 JavaScript 또는 TypeScript 코드를 동적으로 가져올 수 있게 해 준다. 이 기능을 사용하면, 페이지가 처음 로드될 때 필요한 부분만 불러올 수 있어 초기 로딩 시간을 줄일 수 있고 이로 인해 웹사이트의 속도가 빨라지고 반응성도 향상되어, 사용자가 웹사이트를 사용하는 경험이 훨씬 좋아진다. 즉, 이 기능은 웹사이트의 성능을 향상시키고 사용자 경험을 더욱 개선하는데 도움을 준다. Dynamic 기능의 작동 방식 Dynamic 기능은 각 모듈을 동적으로 가져오고, 가져온 모듈마다 별도의 '청크'라는 블록을 만들어낸다. 여기서 '청크'는 여러 아이템을 묶은 하나의 덩어리로 이해하면 된다. 이렇게 생성된 .. 2024. 3. 5. 이전 1 다음