로드시간단축1 Next.js 사이트 성능 관리 - next/dynamic 사용하기 사이트 내 js, css 등의 파일 로드 시간을 단축하기 위해 next/dynamic을 적용하고자 한다. 기존에 모듈, 컴포넌트들을 import하는 방식은 다음과 같았다. 기존 import Modal from "@/components/common/modal"; next/dynamic 적용 후 import dynamic from "next/dynamic"; const Modal = dynamic(() => import("@/components/common/modal"), { loading: () => Loading..., }); const Form = dynamic(() => import("@/components/home/form"), { loading: () => Loading..., }); const .. 2024. 3. 22. 이전 1 다음