해당 부분에서는 코어자바스크립트 - 실행 환경에 독립적인 부분 - 를 다룬다.
웹 페이지에 스크립트를 삽입하는 방법?
- script 태그 활용
script 태그에는 몇가지 속성이 있습니다. 요즘엔 잘 사용하지 않는다.
- 외부 스크립트
자바스크립트 코드 양이 많은 경우, 스크립트 태그 안에 내용을 다 넣지 않고, 파일로 소분해 저장할 수 있다. 이렇게 분해해놓은 각 파일을 src속성을 사용해 html에 삽입한다.
이렇게 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시에 저장하기 때문에 성능상의 이점이 있다. 여러 페이지에서 동일 스크립트를 사용하면 브라우저는 페이지가 바뀔 떄마다 스크립트를 새로 다운받지 않고 캐시로부터 스크립트를 가져와 사용한다. 스크립트 파일을 한번만 다운받으면 되므로 트래픽이 절약되고 웹 페이지의 속도가 빨라진다.
src 속성이 있으면 스크립트 내부 코드는 무시된다.
과제 : alert 창 띄우기
<script>
alert("자바스크립트")
</script>
과제 : 외부 스크립트 이용 alert 창 띄우기
<script src='alert.js'></script>
//alert.js
alert("자바스크립트!!");