[JavaScript] 변수 (var, let, const)
변수는 대부분의 프로그래밍 언어를 배울 때 가장 처음 배우는 개념입니다. 변수를 모른다면 프로그램을 작성한다거나 간단한 사칙연산, 복잡한 식의 계산을 처리하기 어려울 것입니다. 그렇다면 변수가 어떠한 것인지 알아보겠습니다! : )
1. 변수
아래는 자바스크립트에서 변수 v을 선언한 모습입니다.
var v;변수는 어떠한 곳에 사용되는 것일까요?
변수는 데이터를 저장하기 위한 공간 입니다. 간단하게 비유하자면, 변수는 어떠한 값을 저장하는 그릇과 같다고 볼 수 있습니다. 위의 변수에는 지금 아무런 값도 할당되어 있지 않아 undefined라는 초기 값을 가지고 있습니다.
변수 값 할당
변수는 값을 저장할 수 있다고 위에서 설명했습니다. 그렇다면 어떻게 하면 값을 저장할 수 있을까요?
var v = 10;
var v2 = "바보";위의 코드는 변수 v에 10이라는 숫자와 "바보"라는 문자열을 할당한 모습입니다. 자바스크립트 에서는 변수가 숫자인지 문자열인지 변수의 타입을 정의하지 않아도 된다는 편리함이 있습니다. 여기서 우리가 알고있던 '='의 의미는 '같다' 였습니다. 그러나 자바스크립트에서는 값을 초기화할 때 사용하거나, 대입하는 의미를 가집니다.
2. 자료형
자바스크립트는 변수의 타입을 표시하지 않아도 된다는 장점이 있습니다. 그러나 이것이 나중에 가서는 불편함으로 바뀌기도 합니다. 자료형은 변수의 타입으로 자료가 어떠한 종류인지에 대한 것이라고 생각할 수 있습니다.
숫자
숫자는 위에서도 보았듯이 간단합니다. 그냥 숫자를 할당해 주면 됩니다.
var v = 10 // 숫자
문자열 (String)
문자열은 큰 따옴표나 작은 따옴표를 사용하여 구분합니다. 둘 중 하나를 상황에 맞게 사용하게 됩니다.
var string1 = 'String';
var string2 = "String";
var string3 = '"String"';
var string4 = "'String'";
var string5 = '\'String\'';string3, string4를 보면 큰 따옴표, 작은 따옴표 둘 다 사용한 것을 볼 수 있습니다. 따옴표가 포함된 문자열을 사용하고 싶다면 이와 같은 방식으로 사용하면 됩니다. 그런데 하나의 따옴표만 쓰고 싶다면 따옴표 옆에 \를 붙여 문자열이라고 표시해주면 됩니다.
불리언 (Boolean)
참과 거짓을 나타내는 자료형입니다. true와 false로 나타내며 나중에 배울 조건문의 참과 거짓을 판단하거나 while의 반복을 제어할 때 사용되기도 합니다.
var bool1 = true;
var bool2 = false;
3. let & const
ES6에서 변수를 선언하는 방법이 추가되었습니다. let과 const의 차이점은 무엇일까요?
둘의 차이점은 변수에 재할당에 대한 차이점을 가지고 있습니다. let은 변수에 재할당이 가능하지만 const는 불가능합니다. 예를들어 보겠습니다.
let a = 10;
console.log(a); // 10
a = 20
console.log(a); // 20위 처럼 let을 사용한 변수는 값을 재할당할 수 있습니다.
const a = 10;
console.log(a); // 10
a = 20;
console.log(a); // Uncaught SyntaxError: Identifier 'a' has already been declared그러나 const를 사용한 변수는 다시 값을 할당할 수 없습니다.
변수의 선언, 할당과 자료형 대해서 간단하게 알아보았습니다.
변수는 자료를 저장하는 그릇이고 할당된 값에 따라서 자료형을 가지고 있다는 것을 기억하시면 좋을 것 같습니다.