모던 JavaScript 튜토리얼을 따라가면서 정리합니다.
2.1. Hello, world!
Node.js와 같은 서버 사이드 환경에서 스크립트를 실행하고 싶다면 node my.js와 같은 명령어를 사용하면 된다.
script 태그
script 태그를 이용하면 자바스크립트 프로그램을 HTML 문서 어느 곳에나 삽입할 수 있다. 브라우저는 이 태그를 만나면 안의 코드를 자동으로 처리한다.
모던 마크업
script 태그에는 요즘엔 잘 사용하지 않는 필수가 아닌 몇 가지 속성이 있다.
type 속성
HTML4와 달리 이젠 타입 명시가 필수가 아니다. 이제 이 속성은 자바스크립트 모듈에 사용할 수 있다.
language 속성
현재 사용하고 있는 스크립트 언어를 나타내지만, 지금은 자바스크립트가 기본 언어이므로 사용할 필요가 없다.
외부 스크립트
자바스크립트 코드의 양이 많다면 파일로 소분하여 저장할 수 있다 <script src="/path/to/script.js">에서 경로는 사이트의 루트에서부터 파일이 위치한 절대 경로를 나타낸다. 현재 페이지에서의 상대 경로를 사용하는 것도 가능하다. URL 전체를 속성으로 사용할 수도 있다.
외부스크립트의 이점
HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 아주 간단할 때만 사용하고, 길다면 파일로 분리하는 것이 좋다. 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에 성능상의 이점이 있다. 여러 페이지에서 동일한 스크립트를 사용하는 경우 페이지가 바뀔 때마다 스크립트를 새로 다운받는 게 아니라 한 번만 다운받으면 되기 때문이다.
src 속성이 있으면 태그 내부의 코드는 무시된다.
script 태그는 src 속성과 내부 코드를 동시에 가지지 못한다.