2-1 Hello World! // script 태그

자바스크립트 코드는 <script> 태그안에 들어간다.

브라우저는 이 태그를 만나면,

안의 코드를 자동으로 처리한다.

 

type="text/javascript" 는 이제 더이상 사용하지 않는다.

---

소분되어 있는 자바스크립트 파일을 사용하는 방법

<script src="/path/to/script.js"></script>

<script src="url주소"></script>

 

>> src 속성이 지정되어 있으면, 태그 내부의 코드는 싸그리 무시!

<script src="file.js">

alert(1); >> 이 코드 무시!

</script>

---

HTML 안에 직접 스크립트를 작성하는 방식은,

스크립트가 아주 간단할 때만 사용한다.

스크립트가 길어지면 별도의 파일로 만들어 저장하는 것이 좋다.

 

별도의 파일에 작성하면 이점은?

>> 브라우저가 스크립트를 다운 받아서 캐시에 저장하기 때문에,

성능상의 이점이 있다.

 

캐싱

: 컴퓨터의 처리 성능을 높이기 위한 기법이다.

 

캐시 메모리

: CPU와 메모리의 속도 차이로 인한 병목 현상을 완화하기 위해 사용한다.

자주 사용하는 데이터를 CPU와 가까운 위치에 저장해 필요할 때 마다 빠르게 꺼내쓸 수 있다.

캐시 메모리를 사용하게 되면, CPU가 메모리에 접근하는 횟수를 줄여 성능 향상 효과를 볼 수 있다.

 

CPU가 데이터를 가져오기 위해 접근하는 순서

캐시 메모리 > 메모리 > 보조기억장치 순으로 접근한다.

 

 

여러 페이지에서 동일한 스크립트를 사용하는 경우?

브라우저는 페이지가 바뀔때마다 스크립트를 새로 다운받지 않고,

캐시로부터 스크립트를 가져와서 사용한다.

이를 통해 트래픽이 절약되고,

웹 페이지의 실제 속도가 빨라진다.

 

---