javascript asyn defer 차이 (ChatGPT)

스크립트 로드를 제어하는 asyn 과 defer

javscript 는 단일 스레드 언어로 코드 실행이 연속적으로 처리됩니다.

스크립트의 로드는 async와 defer 로 제어할 수 있습니다.

async 속성

async 속성을 사용하면, 연속적으로 로드되고 실행된다.

로드가 진행되는 동안, 다른 작업을 수행 할 수 있다.

스크립트가 로드되면 즉시 실행된다.

defer 속성

defer 속성을 사용하면, HTML 파싱이 완료된 이후에 실행된다.

여러 개의 defer 스크립트가 있을 경우, 순서대로 실행된다.

출처 | ChatGPT