[javascript] ES6 모듈에서 모듈을 다른 파일로부터 동적으로 가져오는 방법은 무엇인가요?

18 Dec 2023

javascript

아래는 import() 함수를 사용한 예제 코드입니다.

const modulePath = './path/to/module.js';

import(modulePath)
    .then((module) => {
        // 모듈을 사용하는 코드
        module.someFunction();
    })
    .catch((error) => {
        // 모듈을 불러오는 동안 발생한 오류 처리
        console.error('모듈을 불러오는 동안 오류가 발생했습니다:', error);
    });

위의 코드에서 modulePath는 동적으로 가져올 모듈의 경로를 나타냅니다. import() 함수는 해당 모듈을 비동기적으로 불러온 후에 Promise를 반환합니다. 이후 .then()을 사용하여 모듈을 성공적으로 가져왔을 때의 처리 로직과 .catch()를 사용하여 오류 처리 로직을 작성할 수 있습니다.

이 방법을 통해 ES6 모듈을 동적으로 가져와서 사용할 수 있습니다.

더 자세한 내용은 MDN web docs를 참고하시기 바랍니다.