처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / JavaScript / 문제

JavaScript에서 import()를 사용한 동적 임포트(Dynamic Import)의 장점은?

쉬움 MDN Web Docs
보기 및 정답
A 모든 모듈이 페이지 로드 시점에 동기적으로 즉시 실행되어 초기 로딩이 빨라진다
B 필요한 시점에 모듈을 비동기로 로드하여 초기 번들 크기를 줄이고 로딩 성능을 개선한다
C CommonJS 형식의 모듈만 사용 가능하며 ES 모듈은 동적 임포트를 지원하지 않는다
D 모듈 간 순환 의존성이 존재할 경우 자동으로 해결하여 무한 루프를 방지한다

해설

import() 표현식은 모듈을 런타임에 비동기로 로드하며 Promise를 반환합니다. 코드 스플리팅과 지연 로딩을 구현하여 초기 번들 크기를 줄이고, 조건부로 모듈을 로드할 수 있습니다. 라우트별 코드 분할이나 대형 라이브러리의 지연 로딩에 활용됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기