sooleeandtomas

태그의 defer, async 속성의 차이는? CSS의 경우에는 랜더적인 부분이기 때문에 화면이 출력 되기 전에 해석되는 것이 좋습니다. JS의 경우에는 기능적인 부분이기 때문에 화면이 출력 된 후 해석되는 것이 좋습니다. HTML에서 태그는 싱글 스레드로 처리됩니다. 스크립트를 처리하게 되면 아래의 DOM은 처리하지 못한 상태로 방치됩니다. 이 순간을 위해 async, defer이 존재합니다. aync && defer : 외부 스크립트를 사용합니다. 비동기적으로 script를 사용할 수 있습니다. script 태그와 마주했을 때, Html parsing이 올스탑되지 않습니다. async: async : 대기 스크립트 실행 : 스크립트 다운로드가 완료되는 시점 (loader-first order) 그 순..