자바스크립트 선언문
선언문 은 자바스크립트 코드를 작성할 영열을 선언하는 것이라고 이해하면 됩니다. 〈script〉라
는 태그로 선언문이 시작된 곳부터 </script>라는 태그로 종료된 곳까지를 스크립트 영역이라고
부릅니다.
기본형 : <script>
자바스크립트 코드;
</script>
선언문을 작성하는 예제입니다. 비주얼 스튜디오 코드를 실행한 후[File -> New file ->
javascript.html] 파일을 생성하여 문서를 작성해보세요.
코딩해 보세요!
01: <!DOCTYPE html>
02: <html lang="en">
03: <head>
04: <meta charset="UTF-8">
05: <tilte>Document<tilte>
06: <script>
07: document.writ("환영합니다");
08: </scrip>
09: </head>
10: <body>
11: </body>
12: </html>
02: <html lang="en">
03: <head>
04: <meta charset="UTF-8">
05: <tilte>Document<tilte>
06: <script>
07: document.writ("환영합니다");
08: </scrip>
09: </head>
10: <body>
11: </body>
12: </html>
07행 document는 문서 객체이며 문서 출력 메서드인 width()를 이용하여
데이터를 문서에 출력할 때 사용합니다.
자바스크립트 주석처리
자바스크립트 선언문 안에서 코드가 아닌 설명글을 넣고 싶을 때는 주석 처리를 하면 됩니다. 이때
한 줄 주석일 경우에는 '//한 줄 설명글'로 작성하고, 여러 줄 주석일 경우에는 '/*'여러 줄 설명글 */'
로 작성하면 됩니다.
기본형 : //한 줄 설명글인 경우
<!--HTML 소스의 설명글을 이렇게 처리합니다-->
/* 설명글이 여러 줄인 경우
이렇게 처리합니다.
*/
/* 설명글이 여러 줄인 경우
이렇게 처리합니다.
*/
코드 입력시 주의사항
자바스크립트를 잘성할 때 주의해야 할 몇 가지 사항입니다. 지금은 읽어도 이해가 안 될 수
있습니다. 일단 가볍게 읽고 넘어가세요.
1. 자바스크립트는 대 · 소문자를 구분하여 작성합니다.
New date(); (O)
new Date(); (X)
new Date(); (X)
2. 코드 한 줄을 작성한 후에는 세미콜론(;)을 쓰는 것이 좋습니다. 세미콜론을 쓰지 않으면 다음 예
제처럼 한 줄에 2개의 코드를 작성할 경우 오류가 발생합니다.
document.write("hi"); (O)
document.write("hi") (X)
document.write("hi") (X)
3. 하지만 코드를 작성할 때는 한 줄에 한 문장만 작성하는 것이 가독성을 위해 좋습니다.
4. 문자형 데이터를 작성할 때는 큰따옴표("")와 작은따옴표('')의 겹침 오류를 주의해야 합니다.
큰따옴표 겹침 오류
document.write("책에 "자바스크립트는 대소문자를 구분해야 합니다" 라고 나와있다.");
document.write('책에 "자바스크립트는 대소문자를 구분해야 합니다" 라고 나와있다');
document.write("책에/"자바스크립트느 대소문자를 구분해야 합니다/"라고 나와있다.");
document.write("책에 "자바스크립트는 대소문자를 구분해야 합니다" 라고 나와있다.");
document.write('책에 "자바스크립트는 대소문자를 구분해야 합니다" 라고 나와있다');
document.write("책에/"자바스크립트느 대소문자를 구분해야 합니다/"라고 나와있다.");
5. 코드를 작성할 때 중괄호{} 또는 소괄호()의 짝이 맞아야 합니다.
document.write("welcome!"; (X)
document.wite("welcome!"); (O)
document.wite("welcome!"); (O)