링크

[드림코딩] html에 js를 링크하는 여러가지 방법들

1. head 내부에 작성 위에서부터 HTML을 읽는다 (parsing html) -> blocked 된 상태에서 js를 읽는다. (fetching/executing js) -> 다시 HTML을 읽는다. 이 방법은 js가 용량이 크다면 웹사이트를 불러오는데까지 많은 시간이 소요된다. 2. body 내부에 작성 parsing html -> 페이지가 완료된 상태에서 js를 읽는다. (fetching/executing js) 사용자가 js가 적용되지 않은 웹사이트 (데이터나 DOM 요소가 꾸며지지 않은 상태) 를 js가 받아지기 전까지 보게 된다. 3. head 내부에 작성 (asyn) parsing하다가 js링크를 만나면 parsing과 병렬로 js를 읽다가 js가 받아지면(fetching) 실행(execu..