순수 vanila Java script 이용할때 (JS) 제일 위에 선언하기 (typescript 쓸 때는 필요없음)
why? JavaScript is very flexible, flexible == dangerous
use strict -> added ECMAScript 5
head 보다 body 안에 script 를 넣어야 시간 단축
- 단점: fetching, executing 시간 기다려야함
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div></div>
<script src="main.js"></script>
</body>
</html>
head에 script 넣고 asyn 하기 -> 병렬로 동작 수행
- 단점: 사용자가 page 보는데 시간 걸릴 수 있음, 다운로드가 되는 순서대로 실행됨
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script asyn src="main.js"></script>
</head>
<body>
<div></div>
</body>
</html>
head에 script 넣고 defer 하기
- 가장 좋은 방법
- parsing 하는 동안 fetching 하고 사용자에게 화면 보여줌 미리 다운로드하고 순서대로 실행함
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script defer src="main.js"></script>
</head>
<body>
<div></div>
</body>
</html>