Frontend

javascript defer 의미

고수트 2023. 1. 4. 22:24
반응형

javascript 를 html 에서 호출할 때 <script> 내부에 defer 라는 값이 들어간 경우가 있다.
defer 의 의미는 호출한 javascript 파일을 HTML 문서 분석 이후에 실행하도록 지시하는 HTML 속성이다.

<body>를 다 읽고 실행하기 위해 <script> 를 <body> 마지막에 위치해도 되지만

<head> 에 두고 <body> 내부를 읽은 뒤 javascript 를 적용하고 싶을 때 사용한다.

ex) <head> 에 위치하는 경우

<head>
  <script defer src="./main.js"></script>
</head>

 

ex) <body> 에 위치하는 경우

<body>
  <div></div>
  <!-- 가장 아래 위치 -->
  <script src="./main.js"></script>
</body>

 

 

반응형