자바스크립트 기초 - 1

1. 외부 스크립트

1.1 외부 파일을 참조할 때는 src 속성사용

<!DOCTYPE html>
<html>
<body>
  <script src="alert.js"></script>
</body>
</html>

alert.js

alert( "I'm JavaScript!" )

2. 엄격 모드

자바스크립트는 ECMAScript5가 등장하면서 호환성 문제가 생기게 되었다.

2.1 “use strict”

ES5의 변경사항을 적용하려면 스크립트 최상단에 “use strict” 를 적는다.
단순한 문자열처럼 생겼지만 “use strict”가 스크립트 최상단에 오면 스크립트 전체가 모던한 방식으로 동작한다.
“use strict”가 함수 본문의 맨 앞에 오면 오직 해당 함수만 엄격 모드로 실행된다.

"use strict"
// 이 코드는 모던한 방식으로 실행됩니다.

(fucntion ()) {
    'use strict'

    // 이 함수는 모던한 방식으로 실행된다.
} ()

“use strict”는 반드시 최상단에 위치해야 한다.
“use strict”를 취소할 방법은 없다.

2.2 브라우저 콘솔

테스트를 위해 브라우저 내 콘솔을 사용하는 경우, 기본적으로 ‘use strict’가 적용되어 있지 않다.
이럴 땐 ‘use strict’를 입력한 후, Shift + Enter 를 눌러 줄 바꿈하여 스크립트를 테스트한다.

2.3 항상 “use strict”를 사용하자.

“use strict” 지시자는 자바스크립트 엔진을 모던하게 바꿔준다. 이 모드에서는 몇 가지 내장 기능의 동작 방식이 변경된다.
“use strict”를 스크립트나 함수 본문 최상단에 위치시키면 엄격 발동됨.
모든 모던 브라우저는 엄격 모드를 지원.
스크립트는 항상 엄격 모드로 시작하자.

목차