오물오물 개발일기

* 드림코딩 강의 기반으로 정리된 글 입니다. * async & defer HTML 문서는 위에서부터 아래로 차례대로 parsing 한 후 css와 병합해서 DOM요소로 변환한다. 와 사이 어디에나 위치해도 작동은 하나 위치에 따라 웹페이지 로딩의 차이, 속도 등 차이가 있다. 태그 사이에 위치 할 경우 동작 순서는 아래와 같다. parsing 하던 html을 멈추고 JavaScript를 다운받고 다시 html을 parsing하게 된다. JavaScript가 사이즈가 크거나 인터넷이 느리면 사용자가 웹사이트를 보는데 시간이 많이 소요된다. 태그의 끝에 위치 할 경우 동작 순서는 아래와 같다. HTML를 먼저 parsing 한 후 JavaScript를 다운 받는다. 사용자가 기본적인 HTML content..