[JavaScript] 자바스크립트 기초 문법 배우기 (변수)

 

자바스크립트로 다양한 기능을 만들기 위해서는 기초 문법부터 정확히 익혀야 한다.

이번 포스팅에서는 변수에 대해 배워본다.

---

 

 

변수란?

: 데이터를 저장하기 위한 이름표.

프로그래밍 언어에서 "변수"라는 것은 값을 저장해두는 상자 같은 것이라 생각하면 된다.

 

예를 들어,

 - 이름을 저장하는 변수

 - 점수를 저장하는 변수

 - 어떤 상태를 저장하는 변수

등등이 되겠다.

 

변수 만들기 (변수 선언)

JavaScript에서는 변수를 만들 때 var, let, const 중 하나를 사용한다.

* var, let, const 를 변수 선언 키워드라고 말한다.

 

각 변수 키워드의 차이점은,

키워드설명쉽게 말하면

키워드	설명	참고
var	함수 단위로 작동. 같은 이름을 중복 선언해도 에러 안 남.	변수명 중복 등 여러 문제로 사용을 지양하는 추세
let	블록 단위로 작동. 같은 이름으로 두 번 선언하면 에러.	변하는 값을 저장할 때 사용
const	상수. 값을 바꿀 수 없음. 한번 정하면 끝.	절대 안 바뀌는 값에 사용 (예: 사용자 ID)

---

// var
var x = 10;
var x = 20; // 변수명 중복 선언 가능 (각각의 변수를 구분할 수 없다)

// let
let y = 10;
// let y = 20; // 에러 (변수명 중복 선언 안 됨)
y = 20; // 데이터 수정 가능

// const
const z = 10;
// z = 20; // 에러! 데이터 수정 불가

---

var 키워드는 최근 사용하지 않는 추세라고 한다.

이유는 위 예제 코드에서 보듯, 동일한 이름의 변수를 선언해도 문제가 없기 때문에 실제 코드가 동작할 때 오동작을 일으킬 위험이 높기 때문.

추가적으로 코드 블록{ }을 무시하기 때문에 동작하지 않아야 할 부분에서 동작한다든지 하는 위험 또한 존재한다.

 

일반적인 변수는 대부분 let 키워드를 사용한다.

let 키워드는 저장된 값(데이터)를 변경할 수 있지만, 같은 이름의 변수는 선언할 수 없다.

때문에 var 키워드 같이 변수명으로 인한 오류는 발생할 일이 없다.

또한 블록 {} 단위로 작동하기 때문에 코드 작성자의 의도대로 사용하기에 안전하다.

일반적으로 사용하는 용도로는 게임으로 치자면 "점수"를 저장하는 용도?

(게임을 진행함에 따라 점수가 변하기 때문에 변화되는 값을 넣기에 적합하다)

 

const 키워드는 상수로써,

변수 선언 시 값을 입력해야 하고 한번 저장한 값은 변경할 수 없다.

보통은 바뀌지 않는 사용자 id나 고정된 값이 필요한 특정한 설정값 등에 사용된다.

 

 

* var 키워드는 사용해도 되지만, 어떻게 사용하느냐에 따라 프로그램 동작에 치명적인 위험을 끼칠 수 있으므로 가능한 사용을 자제하자.