1. JavaScript에서 사용하는 기본 용어
1) 표현식 (Expression)
- JavaScript에서 값(data)을 만들어내는 일련의 프로그램 코드
ex) 273 / 10 + 20 + 30 * 2 / "Hello World!" / x <= 30
2) 문장 (Sentence)
- JavaScript 프로그램을 구성하는 기본 단위
- 사용자가 컴퓨터에게 작업을 지시하는 단위
- 프로그램에서 각 문장은 세미콜론(;)으로 끝난다.
- 하나 이상의 표현식이 모여 보통 프로그램의 한 줄이 하나의 문장이 된다.
ex) var radius = 10;
var pi = 3.14159265;
var circumference = 2 * pi * radius;
document.write(circumference);
3) 키워드 (keyword, 예약어)
- JavaScript에서 미리 정의된, 특별한 의미를 가진 단어
ex)
| break | else | instanceof | true |
| case | false | new | try |
| catch | finally | null | typeof |
| continue | for | return | var |
| default | function | switch | void |
| delete | if | this | while |
| do | in | throw | with |
4) 식별자 (Identifier)
- JavaScript에서 이름을 붙일 때 사용하는 단어
- 변수명(variable name)과 함수명(function name)이 식별자에 해당한다.
- 식별자를 만들 때는 일련의 규칙들이 있다.
-
영문자와 숫자, '_'와 '$' 기호만 허용한다.
-
숫자로 시작할 수 없다.
-
공백 문자는 포함할 수 없다.
-
대문자와 소문자를 구분한다.
-
키워드를 사용할 수 없다.
JavaScript에서 식별자를 네 가지로 분류할 수 있는데 후에 이 네 가지는 종종 헷갈릴 수 있으므로 여기서 구분해보도록 하겠다.
| 구분 | 단독으로 사용 | 다른 식별자와 사용 |
| 식별자 뒤에 괄호 없음 |
변수 ex) input |
속성 ex) Array.length / Math.PI |
| 식별자 뒤에 괄호 있음 |
함수 ex) alert("Hello World!") |
메서드 ex) Math.abs(-273) |
5) 주석 (Comment)
- 프로그램 진행에 영향을 끼치지 않고 프로그램 코드의 설명을 위해 사용
- 줄 주석: 한 줄만 주석으로 처리 ex) // line comment
- 블록 주석: 여러 줄을 주석으로 처리
ex) /*
block comment
*/
6) 자료형 (Data type)
- 프로그래밍 언어에서 데이터의 종류를 식별하는 분류
| 자료형 | 설명 | 예 |
| string | 문자열 | "Hello World!", "JavaScript" |
| number | 숫자 (정수, 실수) | 78, 3.14 |
| boolean | 불린 (참, 거짓) | true, false |
| function | 함수 | function ( ) { } |
| object | 객체 | { } |
| undefined | 선언되지 않았거나 할당되지 않은 값 | |
① 문자열 (string)
- JavaScript에서 문자열을 표현할 수 있는 방법은 2가지가 있다.
- 작은 따옴표: 'Hello World!' / 큰 따옴표: "Hello World!"
- 따옴표의 종류는 항상 일관되게 사용하는 것이 좋다.
ex) "This is a "string"." (x) → string이 undefined가 된다.
'This is a 'string'.' (x) → string이 undefined가 된다.
"This is a 'string'." (o)
'This is a "string".' (o)
◎ 제어 문자 (Escape character)
- 문자열에서 특수한 기능을 수행하는 문자
- 일반적인 문자로는 표현할 수 없는 문자를 표현하는 방법
| 제어 문자 | 설명 |
| ＼n | 개행 (New line) |
| ＼t | 수평 탭 (Tab) |
| ＼' | 작은 따옴표 |
| ＼" | 큰 따옴표 |
| ＼＼ | 백슬래시(Backslash, \) |
② 숫자 (number)
- 정수와 유리수의 구분 없이 모두 같은 숫자 자료형
- 주로 사칙 연산자를 통해 표현되는 자료형
③ 불린 (boolean)
- 참과 거짓이라는 값을 표현할 때 사용하는 자료형
⑥ undefined 자료형
- JavaScript에서 "존재하지 않는 것"을 표현하는 자료형
- 변수로 선언하지 않은 식별자
- 변수로 선언은 했지만 초기화하지 않은 변수
④ 함수(function)와 ⑤ 객체(object)는 나중에 다루도록 하겠다.
7) 자료형 검사
- typeof 연산자를 사용해 값의 자료형을 확인할 수 있다.
<script>
document.writeln(typeof ("string")); // string
document.writeln(typeof (273)); // number
document.writeln(typeof (true)); // boolean
document.writeln(typeof (function () {})); // function
document.writeln(typeof ({})); // object
document.writeln(typeof (alpha)); // undefined
// 참고: document.writeln 메서드 - HTML 문서에 지정한 문자열을 출력한 다음 개행 문자를 출력
</script>
8) 변수 (Variable)
- 프로그램에서 사용되는 데이터를 일시적으로 저장할 목적으로 사용하는 메모리 공간
① 변수의 선언
- 어떤 값을 저장하기 위해 저장 공간을 할당하고 이름을 붙이는 것
② 변수의 대입 (= 할당, 저장)
- 변수에 값을 저장하는 것
③ 변수의 초기화
- 값을 저장하기 위해 저장 공간을 할당하면서 값을 저장하는 것
|
var x; // 변수 선언 (키워드 var + 변수 x) x = 2; // 대입 연산자(=)를 통해 변수 x에 값 2를 대입(저장, 할당)한다.
var x = 2; // 변수 x를 초기화 한다. |
2. 요약
| 개념 | 설명 |
| 표현식 (Expression) | 값을 만들어내는 간단한 코드 |
| 문장 (Sentence) | 하나 이상의 표현식이 모여 구성되는 코드를 읽어 들이는 단위가 되는 것 |
| 키워드 (Keyword) | 프로그래밍 언어가 처음 만들어질 때 정해진 특별한 의미가 있는 단어 |
| 식별자 (Identifier) | 이름을 붙일 때 사용하는 단어 |
| 주석 (Comment) | 프로그램 코드를 설명하며, 프로그램의 진행에 전혀 영향을 주지 않는 문장 |
| 문자열 (String) | 문자를 표현할 때 사용하는 자료형 |
| 숫자 (Number) | 숫자를 표현할 때 사용하는 자료형 |
| 불린 (Boolean) | 참과 거짓을 표현할 때 사용하는 자료형 |
| 변수 (Variable) | 값을 결정할 때 사용하는 식별자 |