JavaScript (ES5+)

River·2023년 4월 25일
0

JavaScript

목록 보기
1/4
  • 'use strict';
순수 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>
profile
Passionate about My Dreams

0개의 댓글