개발공작소
728x90
반응형
[JS] 동적으로 모듈을 import(dynamic import)하는 방법 : import() 사용
FrontEnd/JavaScript 2023. 11. 24. 17:32

우리가 자주 사용하는 import ...from은 정적인 방식이며, 제약사항이 많다. 오늘은 제약사항과 import()의 사용법에 대해 정리하려고 한다. 기존 import의 제약사항 제약사항1 import ... from getModuleName(); // 모듈 경로는 문자열만 허용되기 때문에 에러가 발생합니다. 제약사항2 if(...) { import ...; // 모듈을 조건부로 불러올 수 없으므로 에러 발생 } { import ...; // import 문은 블록 안에 올 수 없으므로 에러 발생 } 이런 제약사항이 생기게 된 건 import/export가 기본적으로 코드구조의 중심을 잡아주기 때문인데 그렇게 때문에 항상 최상위 레벨에서 import를 해야했다. ( 괄호안에 쓰면 에러남.. ) 근데 ..

728x90
반응형