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