인라인 방식
JavaScript는 HTML 과 다르기 때문에 HTML 파일에 집어넣을땐 <script> 태그를 사용한다.
파일 외부화
Javascript코드는 별도의 외부 파일로도 정의가 가능하다.
HTML 파일에 직접 입력(인라인)하지 않고 외부에서 .js 파일을 불러올 수 있다.
스크립트를 외부화 하게 되면 다음과 같은 장점이 있다.
- 레이아웃과 스크립트를 분할함으로써 코드의 재이용이 수월하다.
- 스크립트를 외부화함으로써 HTML 파일 자체가 파악하기 쉽게 된다.
이와 같은 장점 때문에 될 수 있는 한 javascript를 외부파일화 해야 한다.그러나 실제 코드가 짧은 경우는 인라인으로 사용하는 것이 나을 수 있다.
인라인/외부화 병용
인라인 스크립트와 외부 스크립트는 <script>를 분리하므로써 병용가능
<script 외부></script><script>인라인</script> <script type="text/javascript" src="helloEx.js"></script>
이렇게 script를 따로 분리하는 이유는 src 속성이 지정된 <script> 태그 안의 콘텐츠는 무시되기 때문이다.
[<script>태그를 기술하는 위치]
1. <body> 태그 아래 임의의 위치.
2. <body> 태그 아래 </body> 직전
3. </head> 아래
일반적으로 브라우저에서는 스크립트의 로딩이나 실행이 완료되기까지는 화면 갱신을 시리하지 않는다.
이런 이유때문에 로딩이나 실행에 시간이 걸리는 스크립트는 그만큼 화면 갱신을 지연시킨다.
이런 문제점을 고려했을땐 웹페이지 뒷부분에 <script> 태그를 배치하는 일이 많다.
참고로, <script> 태그는 html 파일 안에서 몇번이나 기술되어도 상관없다. 왜냐하면 웹페이지 컴파일 시에 <scrip>태그를 모두 하나로 합쳐서 컴파일하기 떄문이다.함수를 호출하기 위한 <script>태그보다 정의<script>태그가 먼저 기술되어야 하기 때문.
