변수
변수란 데이터를 저장하기 위한 공간입니다. 스크립트 처리 과정에서 데이터를 일시적으로 담아두는 공간으로, 한 번에 하나의 값만 저장할 수 있습니다. 그래서 한 변수에 데이터가 이미 존재하는데, 다른 값을 넣으려고 시도하는 경우에 기존의 값은 삭제되고 새로온 데이터가 저장됩니다.
변수 선언
자바스크립트의 변수는 다음과 같이 선언합니다.
var 변수명;
var 변수명 = 값;
let 변수명;
let 변수명 = 값;
const 변수명;
const 변수명 = 값;var, let, const세 가지 방식이 있는데 우선 지금은 선언을 이렇게 하는구나 정도만 알아두시면됩니다. 각 방식의 차이에 대해서는 다른 포스트에서 소개해드리도록 하겠습니다.
다만, var보다는 let과 const명령을 통한 변수 선언을 사용하는 것이 권장된다는 점을 기억해두시기 바랍니다.
변수 명명 규칙
변수 명명에도 규칙이 있습니다. 코드를 혼자보면 a, aa, aaa, aaaa이런식으로 지어도 상관 없겠지만, 나중에 내 코드를 보고도 본인이 이해하지 못 할 수도 있고, 다른사람은 더더욱 못알아보기 때문에 변수의 이름을 짓는 것은 중요한 작업이기도 합니다.
다음 네 가지 규칙은 반드시 지켜야하는 규칙입니다.
- 변수명의 첫 글자는 영문자, 달러스코어
$, 언더바_만 올 수 있다. - 두 번째 이후 글자에는 영문자, 달러스코어, 언더바, 숫자만 올 수 있다.
- 변수명의 영문자는 대.소문자를 엄격하게 구분한다.
- 자바스크립트의 예약어가 아니어야 한다.
예약어
예약어는 언어의 문법에서 키워드로 사용중이거나, 앞으로 추가될 여지가 있는 단어들을 말합니다. 자바스크립트의 예약어는 다음과 같습니다.
| break | case | catch | class | const | continue | debugger |
| default | delete | do | else | expert | extends | finally |
| for | function | if | import | implements | in | instanceof |
| interface | new | package | private | protected | public | return |
| super | switch | this | throw | try | typeof | var |
| void | while | with | yield |
변수명 표기법
변수명 표기법은 대표적으로 세 가지 방식이 있습니다. camelCase, PascalCase, snake_case가 각각 무엇인지도 알아보겠습니다.
| 기법 | 설명 | 예시 | 사용처 |
|---|---|---|---|
| camelCase 기법 | 낙타의 등처럼 보인다고 해서 붙여진 이름. 이름의 맨 첫 번째, 단어의 첫 글자는 소문자로 적고, 두 번째 단어 부터는 첫 글자는 대문자로 적는 기법 | helloVelog, helloWorld | 변수, 함수 |
| PascalCase 기법 | 모든 단어의 첫 번째 글자를 대문자로 표기하는 기법 | HelloVelog, HelloWorld | 클래스, 생성자 |
| snake_case 기법 (언더바 표기법) | 모든 단어 사이를 언더바_로 표기하는 기법 | hello_velog, Hello_Velog, HELLO_VELOG | 상수 |
