반응형
코드 입력 시 주의사항
1. JS 는 대소문자를 구분하여 작성합니다.
New date(); -----> X
new Date(); -----> O
2. 코드 한 줄을 작성한 후에는 세미콜론(;) 을 쓰는 것이 좋습니다.
document.write("hi") document.write("bye") -----> X
document.write("hi"); document.write("bye"); -----> O
3. 코드를 작성할 때는 한 줄에 한 문장만 작성하는 것이 가독성을 위해 좋습니다.
document.write("hi"); document.write("bye"); -----> X
document.write("hi");
document.write("bye"); -----> O
4. 문자형 데이터를 작성할 때는 큰따옴표(" ") 와 작은 따옴표(' ')의 겹침 오류를 주의해야 합니다.
document.write("티스토리에 "자바스크립트는 대소문자를 구분해야 합니다" 라고 나와 있습니다."); -----> X
document.write('티스토리에 "자바스크립트는 대소문자를 구분해야 합니다" 라고 나와 있습니다.'); -----> O
document.write("티스토리에 \"자바스크립트는 대소문자를 구분해야 합니다\" 라고 나와 있습니다."); -----> O
5. 코드를 작성할 때 중괄호{} 또는 소괄호()의 짝이 잘 맞아야 합니다.
document.write("welcome!"; -----> X
document.write("welcome!"); -----> O
변수 선언 시 주의사항
1. 변수명 첫 글자로는 $, _(언더바), 영문자만 올 수 있습니다.
var 1num = 10; -----> X
var num1 = 10; -----> O
var $num = 10; -----> O
var _num = 10; -----> O
2. 변수명에는 영문자, 숫자, $, _(언더바)만 포함할 수 있습니다.
var num*1 = 10; -----> X
var num_$1 = 10; -----> O
3. 변수명으로는 예약어를 사용할 수 없습니다.
예약어란 이미 자바스크립트 내에서 사용 중인 단어를 말합니다.
var document = 10; -----> X
var location = 10; -----> X
var window = 10; -----> X
var num2 = 10; -----> O
4. 변수명을 지을 때는 되도록 의미를 부여해 작성하는 것이 좋습니다.
var num1 = "hello"; -----> X
var num2 = 10; -----> O
5. 변수명을 사용할 때는 대소문자를 구분해야 합니다.
var num2 = 10;
document.write(Num2); -----> X
document.write(num2); -----> O
비교 연산자(==, ===)의 차이
| A == B | A 와 B 는 같다. | 값이 숫자이건, 문자이건 자료형은 비교하지 않고 표기된 값만 일치하면 true 아니면 false 반환 |
| A != B | A 와 B 는 다르다. | |
| A === B | A 와 B 는 같다. | 값과 자료형 모두 비교하여 일치하면 true 아니면 false 반환 |
| A !== B | A 와 B 는 다르다. |
표로만 정리해선 이해가 쉽지 않습니다.
다음 스크립트를 통해 설명하겠습니다.
<script>
var a = 10;
var b = "10";
document.write(a == b, "<br>");
document.write(a != b, "<br>");
document.write(a === b, "<br>");
document.write(a !== b, "<br>");
</script>
결과값은 다음과 같습니다.
true
false
false
true반응형