이 블로깅은 모던 JavaScript 튜토리얼을 공부하며 적는 글입니다.
모던 JavaScript 튜토리얼
<Script>
script 태그를 이용하면 자바스크립트 프로그램을 HTML 문서 대부분의 위치에 삽입할 수 있다.
예시
<!DOCTYPE HTML>
<html>
<body>
<p>스크립트 전</p>
<script>
alert( 'Hello, world!' );
</script>
<p>스크립트 후</p>
</body>
</html>script 태그에도 속성이?
외부 스크립트 연결 속성 src
자바스크립트 코드의 양이 많은 경우엔, 파일로 소분하여 저장할 수 있다. 분해한 파일은 src속성을 사용한다.
<script src="외부 스크립트 파일 패스"> </sciprt>p.s. src속성이 존재하면 스크립트 태그 내부의 코드는 무시가 된다.
사용안하는 속성
type : html4까지 명시가 필수였던 속성이였지만 표준이 바뀌면서 의미가 바뀜 모듈에서 사용할 수 있지만 아직 내가 모르는 부분이라 나중에 공부하고 따로 포스팅 예정
language : 사용하고 있는 스크립트 언어를 나타냄. 현재는 자바스크립트가 기본 언어이므로 사용 안함
HTML안에 직접 스크립트 작성은 안되나?
결론만 따지고 본다면 따로 파일을 작성하고 연결하는게 좋다.
스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 존재
이 말은 여러페이지에서 동일한 자바스크립트 파일을 사용할 때 한번만 다운받고 그 것을 가져와서 사용하기 때문 이러면 결과적으로는 트래픽이 절약되고 실제 속도가 빨라진다.
Web Developer