자바스크립트 선언문
선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것이라고 이해하면 됩니다. <script>라는 태그로 선언문이 시작된 곳부터 </script>라는 태그로 종료된 곳까지를 스크립트 영역이라고 부릅니다.
기본형 : <script>
자바스크립트 코드;
</script>선언문은 <head> 태그 영역 또는 <body> 태그 영역에 선언하면 됩니다. 우리나라 개발자의 대부분은 <head> 태그 영역에 선언하고 있습니다. 우리도<head> 태그 영역에 선언하겠습니다.
01: <!DOCTYPE html>
02: <html lang="ko">
03: <head>
04: <meta charset="UTF=8">
05: <title>Document</title>
06: <script>
07: document.write("환영합니다");
08: </script>
09: </head>
10: <body>
11: </body>
12: </html>
자바스크립트 주석처리
자바스크립트 선언문 안에서 코드가 아닌 설명글을 넣고 싶을 때는 주석 처리를 하면 됩니다. 이때 한 줄 주석일 경우에는 '//한줄 설명글' 로 작성하고, 여러 줄 주석일 경우에는 '/*여러 줄 설명글' 로 작성하면 됩니다.
코드 입력시 주의사항
다음은 자바스크립트를 작성할 때 주의해야 할 몇 가지 사항입니다.
1. 자바스크립트는 대,소문자를 구분하여 작성합니다.
날짜 객체 생성 : New date(); (X)
날짜 객체 생성 : new Date(); (O)
2.코드 한 줄을 작성한 후에는 세미콜론(;)을 쓰는 것이 좋습니다. 세미콜론을 쓰지 않으면 다음 예제처럼 한 줄에 2개의 코드를 작성할 경우 오류가 발생합니다.
document.write("hi") document.write("bye") (X)
document.write("hi"); document.write("bye"); (O)
3. 하지만 코드를 작성할 때는 한 줄에 한 문장만 작성하는 것이 가독성을 위해 좋습니다.
4. 문자형 데이터를 작성할 때는 큰따옴표("")와 작은따옴표('')의 겹침 오류를 주의해야 합니다.
큰 따옴표 겹침 오류
document.write("책에 "자바스크립트는 대소문자를 구분해야 합니다"라고 나와 있다.");
잘된 예
document.write('책에 "자바스크립트는 대소문자를 구문해야 합니다"라고 나와있다.');
document.write("책에 \"자바스크립트는 대소문자를 구분해야 합니다\"라고 나와 있다.");
5. 코드를 작성할 때 중괄호 {} 또는 소괄호 () 의 짝이 맞아야 합니다.
document.write("welcome!"; (X)
document.write("welcome!"); (O)