[JavaScript] async와 defer의차이 및 use strict

JavaScript

[JavaScript] async와 defer의차이 및 use strict

JoongHyun CHO 2021. 7. 28. 14:53

1. async

다운로드된 js파일 먼저 실행 -> js파일이 서로 의존적이라면, 문제

2. defer

전체 js파일 다운로드 완료 -> 순서대로 실행

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script async src="main.js"></script>
    <script defer src="main.js"></script>
</head>
<body>
    
</body>
</html>

3. use strict

js파일 상단에 'use strict' 선언

JavaScrpit가 급하게 만들어졌기 때문에, 문법자체에 모순이 많다.

문법적으로 상식적인, 효율적으로 빠르게 개발하기 위해 선언한다.