[JavaScript] 자바스크립트 변수(Variable) 이해하기

BigTop 2020. 3. 31. 23:41

'변수'는 프로그래밍에서 값을 저장하는 가장 기본적인 방식이다.

여기서 '값'이란 컴퓨터가 다룰 수 있는 다양한 종류의 데이터를 말하는데,

그렇게 때문에 컴퓨터가 계산을 하기 위한 값을 담아내는 변수는

가장 기본적이면서도 가장 중요한 것이라고 할 수 있다.

결과적으로 같은 의미이지만,

변수는 값에 이름을 붙여주는 것이라고도 생각해 볼 수도 있다.

또한, 이름에서도 유추해 볼 수 있듯이 값을 저장하고 언제든 그 값을 변경할 수도 있다.

자바스크립트에서 변수는 variable 의 약자인 var, 그리고 let, 이 두 가지 키워드로 만들 수 있고 이것을 변수 선언이라고 부른다.

선언한 이 후에는 변수 이름에 값을 대입할 수 있는데,

선언된 변수를 부르는 것을 변수 호출이라고 하고,

선언한 변수에 최초값을 대입하는 과정을 초기화라고 한다.

var 변수이름1;
변수이름1 = 값1;

let 변수이름2;
변수이름2 = 값2;

혹은 선언과 동시에 초기화를 할 수도 있다.

var 변수이름1 = 값1;

let 변수이름2 = 값2;

같은 키워드일 경우에는 쉼표로 , 구분해서 작성하는 것도 가능하다.

var 변수1, 변수2, 변수3, 변수4;
let 변수5, 변수6, 변수7, 변수8;

선언과 동시에 초기화를 할 때도 쉼표로 , 구분이 가능하다.

var 변수1 = 값1,
    변수2 = 값2,
    변수3 = 값3,
    변수4 = 값4;
    
let 변수5 = 값5,
    변수6 = 값6,
    변수7 = 값7,
    변수8 = 값8;

변수의 이름을 짓는 데는 약간의 규칙이 있다.

1. 변수의 이름은 문자, 숫자, 언더스코어(_) 또는 달러($)로만 구성된다. (특수문자는 이 두 가지 외에는 사용할 수 없다.)

2. 변수이름은 첫 글자가 숫자가. 되어서는 안 된다.

3. 아래 표에 나오는 예약어는 변수 이름으로 사용할 수 없다.

가끔 예약어와 겹치는 일이 있을 수 있는데, 특별한 경우가 아니라면 일반적으로 변수명을 작성하다 보면 예약어는 크게 겹칠 일이 없긴 하다.
좀 더 자세한 정보는 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Lexical_grammar#키워드에서 확인할 수 있다.

변수의 이름을 짓는 방법들은 개인에 따라 다양할 수 있지만 한 단어가 아니라 여러 단어로 표현할 땐 어느정도 규칙을 따라 작성하는 것이 좋다.

여러 자바스크립트 스타일 가이드를 살펴보면 대부분, 변수이름은 카멜 표기법을 사용한다.

카멜 표기법은 두 번째 이후 단어의 대문자 부분이 낙타의 혹처럼 보인다고 해서 지어진 이름인데, 여러 단어 들을 이어 붙일 경우 시작은 무조건 소문자로, 두 번째 이후 단어의 첫 글자를 대문자로 하고 나머지는 소문자로 표기하는 방식이다.

ex) newNumber, whiteLabel, randomName...

변수는 프로그래밍에서 추상화를 가능케하는 가장 기본적인 단계이다.

변수 이름을 지을 때는 사용하고자 하는 상황에서 핵심을 잘 묘사해주는 단어일수록 좋은데

변수가 담을 값이 추상적으로 표현될 수 있도록 변수의 사용 목적을 잘 고려해서 이름을 지어주는 것이 좋다.

가장 기초적이고 기본적인 개념인 만큼 확실하게 이해해두자.