아래 JavaScript code를 script.js 파일에 붙여넣기
var hw = document.getElementById(‘hw’);
hw.addEventListener(‘click’, function(){
alert(‘Hello world’);
})그리고 그 자리에는
<script src=‘./script.js’></script> 넣기
* ./는 현재 html이 위치하고 있는 directory안에 있는 file directory
* 관습적으로 JS코드를 담고 있는 파일 확장자 : .js<!DOCTYPE html>
<html>
<body>
<input type=“button” id=“hw” value=“Hello world” />
<script src=‘./script.js’></script>< 장점 >
- JS코드와 완전한 분리. 정보로서의 가치가 높아진다.
- 똑같은 JS 코드사용을 여러번 할 경우, 컴퓨터의 용량을 더 적게 쓴다.
- 유지보수의 편의성 : 버그가 있으면 script.js에서 고치기만 하면 된다.
- cash되기 쉬움
웹브라우저는 cash를 가지고 있다. 이미 다운로드 받은 건 cash를 통해 컴퓨터에 미리 보관해놓고, 똑같은걸 다운받으면 브라우저가 요청하지 않고, 이미 저장돼있는 파일을 읽는다. -> 비용을 낮추고 서버 부담도 줄임.
JS파일을 별도로 빼놓으면 cash되기 쉽다. 한번 다운받아놓은건 따로 또 다운받지 않기 때문에 html파일 크기를 줄인다.
개발자를 위해 한걸음씩