웹 페이지에서 JavaScript 를 사용하여 동적으로 스크립트를 추가하는 방법에 대해 알아보겠습니다.

1. document.createElement를 사용하여 스크립트 요소 생성

먼저, JavaScript 로 동적으로 스크립트를 추가하기 위해 document.createElement를 사용해 새로운 스크립트 요소를 생성합니다.

예시 코드:

const script = document.createElement('script');

2. 생성한 스크립트 요소에 속성 추가

다음으로, 생성한 스크립트 요소에 src와 같은 필요한 속성들을 추가합니다. 이를 통해 동적으로 스크립트를 활성화할 수 있습니다.

예시 코드:

script.src = 'https://example.com/script.js';

3. document.head 또는 document.body에 스크립트 요소 추가

마지막으로, document.head나 document.body와 같은 해당 HTML 문서의 요소에 생성한 스크립트 요소를 추가합니다.

예시 코드:

document.head.appendChild(script);

이제 웹 페이지에 동적으로 스크립트를 추가할 수 있게 되었습니다.

이 방법을 사용하면 JavaScript를 사용하여 웹 페이지를 동적으로 변경하거나 수정할 수 있습니다.

더 많은 정보는 MDN 웹 문서를 참고하세요.