스크립트 코드는 문서에 포함하거나 외부 스크립트 파일로 참조할 수 있다.
src- 참조할 외부 스크립트 URLasync- 스크립트의 비동기적(Asynchronously) 실행 여부
( 동기: 순차적으로 실행 / 비동기: 비순차적 )
그런데 HTML 파일의 어느 위치에 작성해야 할까?
❗ 코드는 위에서부터 순차적으로 실행되는데 script 요소를 head에 넣으면 body안의 코드를 실행하기 전에 자바스크립트 동작이 실행되어 코드가 제대로 작동하지 않을 수 있음
→ body가 끝나기 직전에 script를 삽입하여 물리적으로 실행 순서를 제어할 수 있음
<body>
<div></div>
<div></div>
<script src="main.js"></script>
</body>또 다른 방법은 defer 속성을 사용하는 것
defer- 문서 파싱 (html문서 전체를 구문 분석한 ) 후 작동
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="main.js" defer></script>
</head>head 부분에 script 넣어도 제대로 동작함
📝내가 보려고 기록하는 블로그