자바스크립트에서 모듈 시스템은 코드의 재사용성을 높이고, 의존성 관리, 성능 최적화를 위해 필수적인 개념이다. 과거에는 HTML에 defer 속성은 스크립트를 비동기적으로 로드하지만, HTML 파싱이 끝난 후 실행한다.스크립트는 HTML 파싱과 동시에 다운로드되지만, 파싱이 끝난 후에 실행되는 것이다.HTML 문서가 전부 파싱된 후 DOM 트리가 완성된 상태에서 스크립트가 실행되므로 DOM에 안전하게 접근할 수 있다.장점 : HTML 파싱과 스크립트 로드가 병렬로 진행되어 로딩 속도가 향상. DOM 트리가 완성된 상태에서 스크립트가 실행되므로 안정적단점 : 모든 스크립트가 파싱 순서대로 실행 ◼︎ async 속성은 스크립트를 비동기적으로 로드하고, 로드가 완료되는 즉시 실행한다.HTML 파싱을 중단하지 ..
ASAC/Front-End 2024. 9. 6. 23:32
자바스크립트에서 모듈 시스템은 코드의 재사용성을 높이고, 의존성 관리, 성능 최적화를 위해 필수적인 개념이다. 과거에는 HTML에 defer 속성은 스크립트를 비동기적으로 로드하지만, HTML 파싱이 끝난 후 실행한다.스크립트는 HTML 파싱과 동시에 다운로드되지만, 파싱이 끝난 후에 실행되는 것이다.HTML 문서가 전부 파싱된 후 DOM 트리가 완성된 상태에서 스크립트가 실행되므로 DOM에 안전하게 접근할 수 있다.장점 : HTML 파싱과 스크립트 로드가 병렬로 진행되어 로딩 속도가 향상. DOM 트리가 완성된 상태에서 스크립트가 실행되므로 안정적단점 : 모든 스크립트가 파싱 순서대로 실행 ◼︎ async 속성은 스크립트를 비동기적으로 로드하고, 로드가 완료되는 즉시 실행한다.HTML 파싱을 중단하지 ..