728x90
기본
javascript 코드를 HTML에 삽입할 때는 script 태그를 사용한다.
<!DOCTYPE HTML>
<html>
<body>
<p>스크립트 전</p>
<script>
alert( 'Hello, world!' );
</script>
<p>스크립트 후</p>
</body>
</html>
외부 스크립트
자바스크립트 코드의 양이 많은 경우에는 파일에 저장하여 src속성을 사용하여 HTML에 삽입할 수 있다.
<script src="/studyjs/script.js"></script>
만약, 복수의 스크립트를 삽입하고 싶다면 여러개의 script 태그를 사용하면 된다.
** 보통 HTML 안에 스크립트를 직접 적는 방식은 스크립트가 아주 간단할 때 사용한다. 스크립트가 길어지면 따로 파일을 만들어 이를 삽입하여 주는 것이 낫다. 스크립트를 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시(cache)에 저장하기 때문에, 성능상의 이점이 있다. 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고 캐시로부터 스크립트를 가져와 사용하기 때문에 한 번만 다운받으면 되는 것이다. 이를 통해 트래픽이 절약되고 웹 페이지의 실제 속도가 빨라진다.
세미콜론
자바스크립트에서의 문법 또한 c나 c++ 와 같이 세미콜론(;)을 문장의 끝에 찍어주는 것이 원칙이다. 만약 줄바꿈이 일어났을 경우에는 세미콜론을 찍지 않더라도 문법적 에러가 없는 경우가 있지만 항상 그런 것은 아니므로 반드시 세미콜론을 문장의 끝에 찍어주도록 하자.
주석
주석은 C++ 와 마찬가지로 한 줄 주석은 // 이고, 여러 줄 주석은 /* */ 을 이용한다.
/ /문제제기 및 피드백 언제든지 감사히 받겠습니다.
728x90
'Computer Science > JavaScript' 카테고리의 다른 글
[JavaScript] alert, prompt, confirm (0) | 2022.05.12 |
---|---|
[JavaScript] 화살표 함수 (0) | 2022.05.05 |