Hello, World!
'script' 태그
<script> 태그를 이용하면 스크립트를 HTML 문서에 삽입할 수 있다.
<!DOCTYPE HTML>
<html>
<body>
<script>
alert('Hello, world!');
</script>
</body>
</html><script> 태그엔 자바스크립트 코드가 들어가고, 브라우저는 이 태그를 만나면 안의 코드를 자동으로 처리한다.
모던 마크업
<script> 태그에는 현재는 잘 사용하지 않지만, 오래된 코드에서 볼 수 있는 몇 가지 속성이 있다.
-
<script type=...>
HTML4에선type을 명시하는 것이 필수였기 때문에,type="text/javascript"속성이 붙은 스크립트를 흔히 볼 수 있었다. 그러나 이제는 타입 명시가 필수가 아니며, 모던 HTML 표준에서는 이 속성의 의미가 바뀌었다. 이제 이 속성은 자바스크립트 모듈에 사용한다. -
<script language=...>
이 속성은 현재 사용하고 있는 스크립트 언어를 나타낸다. 지금은 자바스크립트가 기본 언어이므로 더는 사용할 필요가 없게 됐다.
외부 스크립트
자바스크립트 코드의 양이 많은 경우, 파일로 소분하여 저장할 수 있다. 이렇게 분해한 각 파일은 src 속성을 사용해 HTML에 삽입한다.
<script src="파일 경로"></script>
스크립트 삽입 시 주의
- HTML 안에 직접 스크립트를 작성하는 방식은 스크립트가 아주 간단할 때만 사용하고, 대게 별개의 분리된 파일로 만들어 저장하는 것이 좋다.
- 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에 성능상 이점이 있다.
- 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고 캐시로부터 스크립트를 가져와 사용한다. 스크립트 파일을 1번만 다운 받으면 되기 때문에 트래픽이 절약되고 웹페이지 속도가 빨라진다.
<script>태그는src속성과 내부 코드를 동시에 가지지 못한다.<script src="file.js"> alert(1); // 이 코드는 무시 됨! <script>
