변수(variable)란?

변수(variable)란 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터를 가리킵니다.
반면에 값을 한번 지정하면 바뀌지 않는 데이터를 상수(constant)라고 합니다.

변수 선언의 규칙

변수를 사용할려면 변수를 구분할 수 있도록 이름을 붙여 주어야 하는데, 이것을 변수 선언이라고 합니다.
변수 선언은 값을 저장할 컴퓨터 메모리 공간에 문패를 붙이는 것과 같습니다.
JavaScript에서 변수를 선언할 떄는 지켜야 할 규칙이 몇 가지 있습니다.

• 변수 이름은 영어 문자와 언더스코어( _ ), 숫자를 사용합니다.
  변수 이름의 첫 글자는 영어 대소 문자나 언더스코어( _ )만 쓸 수 있으며 숫자나 기호, 띄어쓰기는 사용 할 수 없다.
  ex) sun , _sun , sun25 , sun_25 <---사용할 수 있음(O)
  ex) 25sun , sun 25 , *sun <---사용할 수 없음(X)

• JavaScript는 영어 대소 문자를 구별한다.
  study와 Study , StudY 모두 다른 변수 이름으로 인식하므로 구별해서 사용해야 합니다.

• 여러 단어를 연결한 변수 이름은 중간에 대문자를 섞어 쓰는 낙타 표기법(Camel Case)을 사용합니다.
  주로 한 단어로 이루어진 변수 이름은 모두 소문자로 쓰고, 두 단어 이상인 변수 이름은 myNeme 처럼 첫 단어 시작은 소문자 그다음 단어의 시작은 대문자로 사용합니다.
  ex)작성된 모양이 낙타(Camel)의 혹과 비슷하다고 해서 낙타 표기법(Camel Case)로 불린다고 합니다.

변수 선언하기와 할당

• 변수 선언

변수 선언은 변수명 앞에 let, var 을 붙여서 만들 수 있습니다.
TIP) ES5 까지는 var 으로만 변수 선언을 할수 있었는데 ES6에서는 var의 단점을 보완하기 위해 let, const 가 도입 되었다.

let number;
let age;
let study;
var 위코드;
var 바보;

또는 변수를 한번에 여러개를 선언 할 수도 있습니다. 다음처럼 let, var 를 한 번만 쓰고 여러 변수를 쉼표로 구분하여 같은 줄에 선언합니다.

let number, age, study;
var 위코드, 바보;

• 변수 할당

  변수를 선언 했으면 = 할당 연산자를 사용해서 변수에 값을 저장할 수 있고 이것을 값 할당 이라고 합니다. 값 할당은 변수를 선언한 후에 따로 할 수도 있고, 변수를 선언하면서 동시에 할 수도 있습니다.

ex)

• 변수 선언과 값 할당 따로 하기

let number;
number = 100;
let age;
age = 25;

• 변수 선언과 값 할당 같이 하기

let number = 100;
let age = 25;

변수가 필요한 이유

• 데이터를 쉽게 관리 할수있다.
  • 한번 선언한 변수를 변수명으로 언제든 호출 할수있다.
• 가독성이 좋아진다
  • 변수명만 보고도 어떤 값인지 추측 할수 있다.

한가지 예시를 보겠습니다!

console.log(100 + 10)                     //   110
console.log((100 + 10) /10)               //   11
console.log(((100 + 10) / 10) - 10)       //   1
console.log((((100 + 10) / 10) - 10)*10)  //   10

이런 코드들은 계산해야 할 값이 100이 아니라 1000으로 바꿔야한다면 위의
코드를 모두 수정해야 합니다.

let a = 100;
a = a + 10;
console.log(a);          //110
a = a / 10;
console.log(a);          //11
a = a - 10;
console.log(a);          //1
a = a * 10;
console.log(a);         //10

하지만 이렇게 변수를 사용하면 100이 아닌 다른 숫자가 들어가야 할때 첫번째 줄에 잇는 100이라는 숫자만 다른 값으로 바꿔주면 로직에 대입되는 변수의 값이 모두 바뀝니다.