[JavaScript]동적 스크립트 로드(js 파일에서 js 파일 불러오기)

JavaScript 동적 스크립트 로드 - 개요 - 동적 스크립트 로드 - 동적 스타일시트 로드 - 동적 스크립트 로드 순서 보장하기 개요 JavaScript 특정 기능을 제공하는 플러그인이나 라이브러리를 사용할 때 여러 개의 JS 파일을 받아야하는 경우가 있다. Node.js에서는 모듈 시스템과 NPM을 통한 라이브러리 관리로 해당 내용과 관련이 없다.

또한, 최근 브라우저에서도 ECMAScript 모듈을 직접 로드할 수 있도록 태그에 type="module" 옵션이 제공된다. 다만, 이러한 방식은 모든 브라우저에서 동작하기 위해서 Babel과 같은 도구로 예전 브라우저도 호환이 가능하도록 변환해주어야 한다.

때문에, 최신 개발 환경이 아닌 레거시한 환경(Babel 등을 이용하지 않는)에서는 이러한 JS 파일을 동적으로 로드하는 방법을 정리한다. HTML 파일 내에서 모든 브라우저가 호환 가능한 JS 파일을 로드하는 방법을 정리한다.

동적 스크립트 로드 자바스크...