async1 [HTML5] script 태그의 async와 defer의 차이점 안녕하세요. 혀코입니다. 이번 시간에는 script 태그의 async와 defer attribute의 차이점에 대해서 알아보겠습니다. 웹사이트의 어느 한 페이지를 로드할 때, html 파일의 첫번째 줄부터 마지막 줄 까지 차례대로 파싱(parsing)해서 웹브라우저에 출력해 줍니다.이때, JavaScript 코드의 경우, 대부분의 경우 body 태그 안의 태그(element)들을 잡아서 변형을 해야하는 경우가 대부분인데 JavaScript 코드가 head 태그 안에 있을 경우, body 태그의 태그들이 아직 읽히기 전이여서 에러를 발생하게됩니다. 그래서 이러한 현상을 방지하기 위해서 body 태그의 맨 마지막 부분에 JavaScript를 추가합니다. 그러나 이 경우에 웹페이지 사이즈가 아주 큰 경우, 웹.. 2022. 7. 19. 이전 1 다음
