fetching
-
Javascript "async" 와 "defer"의 차이점TIL 2024. 1. 11. 21:50
자바스크립트 파일을 작성하다보면 스크립트 파일을 에 위치할 때도 있고, 태그의 맨 아래에 위치할 때도 있다. 자세하게 다뤄보지 않아서 막연하게 이유가 있겠거니 생각하다가 오늘 자세하게 어떤 순서로 흘러가는지 흐름을 알아보기로 했다. 우선은 안에 스크립트가 위치하는 경우이다. 이런 경우는 HTML 파일이 한 줄씩 HTML 파일을 읽다가 스크립트 파일을 만나면서 HTML 파일을 파싱하는걸 잠시 멈추고 필요한 자바스크립트 파일을 서버에서 다운(fetching)받고, 이것을 실행(executing)한 다음에 다시 HTML 파싱하는 부분으로 넘어간다. 이렇게하면 자바스크립트의 파일이 엄청 크고 다운받을게 많다면 사용자가 HTML 파일을 읽어볼 수 있을때까지의 시간이 많이 소요된다. 그래서 스크립트 파일을 헤드에 ..