방법 1 :
<script type="text/javascript" src="http://kaksihost.cafe24.com/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery 내용 적기
</script>
방법 2 :
<script type="text/javascript" src="http://kaksihost.cafe24.com/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="./script.js"></script>
script 태그는 src 속성이 있는 경우는 src 속성에 작성되어 있는 외부 파일을 읽어 들이고, src 속성이 없는 경우에는 script 태그안에 작성되어 있는 코드를 JavaScript 로 인식한다.
jQuery를 사용한 프로그램을 작성하는 경우도 마찬가지인데 예를 들어 방법1 과 같이 처리내용을 직접 적을 것인지, 방법 2와 같이 'script.js' 등의 외부 파일을 작성할 것인지 자신의 스타일 대로 하면 된다.
실무에선 방법2를 많이 사용한다.
이유는 보틍 브라우저는 한번 읽어 들인 JavaScript 파일의 내용을 캐시 형태로 저장하므로, 외부 파일로 작성해 두면 그 이후 로딩시 고속화가 가능하다. 재사용성을 생각한다면 외부 파일로 작성하는 것이 좋겠다.
작성할 JavaScript 파일은 HTML 파일과 같은 문자코드로 작성해야 한다. Ajax를 통해 서버와 통신하는 경우라면 UTF-8이 아니라면 문자가 깨질 경우가 있으니 UTF-8로 작성하는 것이 좋겠다.
