자바스크립트 기본 1.1. Hello world!

Eddy·2023년 4월 24일
0

코어 자바스크립트

목록 보기
1/30

♠코어 자바스크립트

♣ 자바스크립트 기본

♥ 1.1.Hello world!

  • 웹 페이지에 자바스크립트 코드를 추가하기 위해 <script> 태그를 사용하며 HTML 문서 대부분의 위치에 삽입할 수 있습니다.
<!DOCTYPE HTML>
<html>
	<body>
	  <p>스크립트 전</p>
		   <script>
		    alert( 'Hello, world!' );
		   </script>
		<p>스크립트 후</p>
	</body>
</html>
  • type 과 language 속성은 필수가 아닙니다.
  • 외부 스크립트 파일은 <script src="path/to/script.js"></script>와 같이 삽입합니다.

eddy’s point

  • HTML 안에 직접 스크립트를 작성하는 방식은 대개 스크립트가 아주 간단할 때만 사용합니다. 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋습니다.
  • 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있습니다.
  • 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고 캐시로부터 스크립트를 가져와 사용합니다.
  • 이를 통해 트래픽이 절약되고 웹 페이지의 실제 속도가 빨라집니다.
  • script의 위치와 async와 defer 속성

0개의 댓글