변수: let과 const

값에 이름을 붙입니다

앞 단원에서는 값을 그 자리에 적어 출력했습니다. 같은 값을 여러 번 사용하거나 나중에 바꿔야 한다면, 값에 이름을 붙여 두는 편이 낫습니다. 그 이름을 변수(variable) 라고 합니다.

이름을 붙이는 방법은 두 가지입니다.

• let — 나중에 다른 값을 다시 넣을 수 있습니다.
• const — 한 번 넣으면 바꿀 수 없습니다.

let 으로 값 바꾸기

같은 이름에 다른 값을 넣고 다시 출력합니다.

let count = 1;
console.log(count);

count = 2;
console.log(count);

선언할 때만 let 을 적습니다. 두 번째 줄처럼 값을 다시 넣을 때는 이름과 = 만 적습니다.

const 는 다시 넣을 수 없습니다

const 로 선언한 이름에 값을 다시 넣으면 실행이 멈추고 오류가 나옵니다. 아래 예제를 실행해 확인해 보세요.

const name = "홍길동";
console.log(name);

name = "김철수";

불편해 보이지만 도움이 됩니다. 바뀌면 안 되는 값을 const 로 두면, 실수로 바꾸는 코드를 작성했을 때 그 자리에서 알려 줍니다.

기본은 const 입니다. 값을 바꿔야 하는 것이 분명할 때만 let 을 사용합니다.

이름 짓는 규칙

변수 이름에는 영문자와 숫자, _, $ 를 사용할 수 있습니다. 숫자로 시작할 수는 없습니다.

const userName = "홍길동";
const user_age = 27;
const isMember = true;

console.log(userName, user_age, isMember);

이름이 여러 낱말이면 첫 낱말은 소문자로, 그다음 낱말은 대문자로 시작하는 방식을 많이 사용합니다(userName). 대소문자를 구분하므로 username 과 userName 은 다른 이름입니다.

처음에 자주 걸리는 것

ReferenceError: count is not defined

TypeError: Assignment to constant variable.

SyntaxError: Identifier 'count' has already been declared

직접 해보기

이 단원의 정리