코딩일상

Next.js Dynamic Import 완벽 가이드목차Dynamic Import란?왜 사용하는가?ssr: false의 의미loading의 역할실전 예시Dynamic Import란?코드 분석const NaverMap = dynamic(() => import("@/components/map/NaverMap"), { ssr: false, loading: () => ,});한 줄 요약: "필요할 때만 가져오기"쉬운 비유일반 import (정적 import):여행 갈 때 모든 짐을 다 들고 출발├─ 수영복 (바다 안 가도 챙김)├─ 등산화 (산 안 가도 챙김) ├─ 스키복 (겨울 아닌데도 챙김)└─ 가방 무거움! 😫→ 처음부터 다 가져가니까 느림dynamic import (동적 import):필요한 것만..