목록defer (1)

포시코딩

script 파일 불러올 때 쓰는 defer가 뭘까? (async, defer)

HTML 파일에서 script 파일을 불러와야 할 때가 있다. 이 때, 옵션으로 defer 혹은 async 를 볼 수 있는데, 이 옵셥들은 무엇을 의미하는걸까? 먼저, 자바스크립트는 HTML 태그 안에서 사용할 수 있다. 버튼 body 태그 안에서 위처럼 코드를 짰을 때, 버튼을 누르면 alert 으로 hi 가 나와야 하지만 이 코드는 제대로 작동하지 않는다. 무엇이 문제일까 button 을 만드는 HTML 보다 먼저 스크립트가 선언됐기 때문에 btn 이라는 id 를 가진 요소가 만들어지기도 전에 실행 되버려 작동하지 않게 된 것이다. 이를 해결하려면 스크립트 부분을 body 태그 상에서 제일 하단에 위치시키거나 따로 js 파일로 빼서 script 를 불러오는 방식으로 진행해야 할 것이다. test.js..
JavaScript 2022. 10. 19. 17:02
이전 Prev 1 Next 다음