반응형 Front-end/Javascript7 [Javascript] HTML에서 script 태그 위치별 동작 원리 (+async, defer) 1. Head 안에 Script를 포함한 경우 * 순서: parsing HTML -> fetching -> executing -> parsing HTML (1) parsing HTML: 스크립트 한 줄 한 줄씩 읽는다. (2) fetching: 한 줄 한 줄씩 읽다가, head에 script 태그가 나오면 script에 존재하는 파일을 다운받는다. (3) executing: 다운 받은 js 파일을 실행한다. (4) parsing HTML: 다시, 스크립트를 한 줄 한줄씩 읽는다. * 단점 만약, 다운받고자 하는 js파일이 어마어마하게 크면 HTML 페이지가 로딩될 때까지 오랜 시간이 걸릴 것이다. 2. Body 안에 script를 포함하는 경우 * 순서: parsing HTML -> fetching ->.. 2021. 8. 3. 이전 1 2 다음
