자바스크립트_1 / HTML문서 다운로드 동작 과정 및 async와 defer 차이점

HTML 파일 다운로드 동작 과정 사용자가 HTML 파일을 다운받았을 때, 브라우저는 한 줄씩 분석한다. HTML 문서와 CSS를 함께 DOM으로 받고, script에 있는 js 파일도 다운 받고 실행시킨다. 이때 script가 어떤 위치에 있느냐, 혹은 어떤 옵션을 가지고 있느냐에 따라 다양한 장단점이 존재한다. 0. script 태그에 옵션이 없는 경우의 동작과정 1. 한 줄마다 HTML을 파싱하며 CSS와 결합한 DOM을 만든다. 2. 이때 script 태그가 보이면 파싱을 멈추고 js파일을 다운받아서 실행한다. * fetching js, excuting js 3. js파일을 다운 받고, 실행한 뒤, 다시 HTML 문서를 파싱한다. 1. head에 옵션 없이 script 태그 넣기 단점 - js 파..

2021.06.30