
script 태그를 만났을 때 브라우저에서 스크립트를 다운로드하고 실행하는 과정에 대해서 간략하게 알아보고, script 태그에 줄 수 있는 옵션별 차이는 어떤 것인지 정리해 보겠습니다. 브라우저의 동작 방식 모던 웹브라우저에서 돌아가는 스크립트들은 대부분 HTML보다 무겁습니다. 용량이 커서 다운로드받는 데 오랜 시간이 걸리고, 처리하는 것 역시 마찬가지입니다. 사용자가 HTML파일을 다운로드 받았을 때 브라우저는 HTML을 한줄씩 읽으며 CSS와 병합하여 DOM 요소로 변환하는 과정을 거칩니다. HTML을 파싱하다가 태그를 만나면 HTML 파싱을 잠시 멈추고 스크립트를 먼저 실행해야 하므로 DOM 생성을 멈추죠. 를 만났을 때 외부에서 스크립트를 다운받고 실행한 후에 남은 페이지를 처리합니다. 이런 ..