변수

변수(variable)는 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소’ 이다.
var, let, const를 사용해 변수를 선언할 수 있다.

• let : 모던한 변수 선언 키워드
• var : 오래된 변수 선언 키워드 (잘 사용하지 않음)
• const : let과 비슷하지만, 변수의 값을 변경할 수 없음

아래 문(statement)은 'message’라는 이름을 가진 변수를 생성(선언)한다.

let message;

이제 할당 연산자 =를 사용해 변수 안에 데이터를 저장해 봅시다.

let message;
message = 'Hello'; // 문자열을 저장합니다.

문자열이 변수와 연결된 메모리 영역에 저장되었고 변수명을 이용해 문자열에 접근할 수 있다.

let message;
message = 'Hello!';
alert(message); // 변수에 저장된 값을 보여줍니다.

아래와 같이 변수 선언과 값 할당을 한 줄에 작성할 수도 있습니다.

let message = 'Hello!'; // 변수를 정의하고 값을 할당합니다.
alert(message); // Hello!

한 줄에 여러 변수를 선언하는 것도 가능합니다.

let user = 'John', age = 25, message = 'Hello';

가독성을 위해 한 줄에는 하나의 변수를 작성하는 것이 좋다.

현실 속의 비유

예를 들어, 변수 message는 message라는 이름표가 붙어있는 상자에 "Hello!"라는 값을 저장한 것이라고 생각할 수 있다. 값이 변경되면, 이전 데이터는 변수에서 제거된다.

let message;
message = 'Hello!';
message = 'World!'; // 값이 변경되었습니다.
alert(message);

변수 명명 규칙

1. 변수명은 숫자로 시작해선 안 됩니다.
2. 하이픈 '-'은 변수명에 올 수 없습니다
3. 대·소문자 구별 : apple와 AppLE은 서로 다른 변수입니다.
4. 비 라틴계 언어도 변수명에 사용할 수 있지만 권장하진 않는다.
5. 예약어(reserved name) 목록에 있는 단어는 변수명으로 사용할 수 없습니다. (ex.let, class, return, function)

상수

변화하지 않는 변수를 선언할 땐, let 대신 const를 사용합니다.

대문자 상수

기억하기 힘든 값을 변수에 할당해 별칭으로 사용하는 것은 널리 사용되는 관습이다.

const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";

// 색상을 고르고 싶을 때 별칭을 사용할 수 있게 되었습니다.
let color = COLOR_ORANGE;
alert(color); // #FF7F00

"#F00" 보다 COLOR_RED 가

• 기억하기가 훨씬 쉽습니다.
• 오타를 낼 확률이 낮습니다.
• 훨씬 유의미하므로, 코드 가독성이 증가합니다.

바람직한 변수명

• 변수명은 간결하고, 명확해야 합니다. 변수가 담고있는 것이 무엇인지 잘 설명할 수 있어야 하죠. data와 value는 나쁜 이름의 예시입니다.
• 무엇을 하고 있는지 명확히 알고 있지 않을 경우 외에는 줄임말이나 a, b, c와 같은 짧은 이름은 피하세요.
• 자신만의 규칙이나 소속된 팀의 규칙을 따르세요.

참고자료 : 변수와 상수