2-4: 변수와 상수

웹클래스·2021년 3월 1일

목록 보기

5/8

머리말
오타 및 잘못된 부분이 있을 수 있습니다. 이점 참고해주시면 감사하겠습니다.

변수

변수는 데이터를 저장할 때 쓰이는 저장소 입니다. 쉽게 이야기하면 USB 와 같습니다.
자바스크립트에서 let 사용해 변수를 만듭니다.

let message;

이제 할당 연산자 = 를 사용해서 데이터를 저장해봅니다.

let message;
message = '안녕? 자바스크립트야!'

따옴표 안에 쓰여진 문자가 변수와 연결되어 메모리 영역에 저장되었기 때문에,
변수명을 이용해 문자에 접근할 수 있게 되었습니다.

let message;
message = '안녕? 자바스크립트야!';
alert(message);

한 줄에 작성할 수도 있습니다.

let message = '안녕? 자바스크립트야!';
alert(message);

한 줄에 여러 변수도 작성할 수도 있습니다.

let user = 'webclass', age = 25, message = '안녕?';

한 줄에 여러 변수 작성하면 코드가 좀 더 짧아 보이지만 권장하는 방법은 아닙니다.
가독성을 위해 한 줄에 하나씩 작성합니다.

let user = 'webclass';
let age = 25;
let message = '안녕?';

또는

let user = 'webclass',
    age = 25,
    message = '안녕?';

위에서 소개한 방식은 개인의 취향과 미적 감각에 따라 원하는 방식으로
코드를 작성하시면 됩니다.

변수 선언할 때 "var" 이 있지만 오래된 방식이라서 없다고 생각하시면 됩니다.

변수 쉽게 설명하기

박스 안에 데이터를 저장하는데 이 박스에는 이름이 있어야 합니다.
예를 들어 apple 라는 이름 붙어 있는 박스 안에 "사과" 라는 값을 넣는다고 생각하면 됩니다.

let apple;
apple = '사과';

그리고 박스 안에 어떤 값이든지 넣을 수 있고, 넣었던 값을 변경할 수도 있습니다.
아래의 코드를 보시면 apple 이라는 박스 안에 사과 가 있었는데 또 다른 바나나 를 넣었습니다.
아까 사과 넣었던 것은 박스 안에서 없어집니다.

let apple;
apple = '사과';
apple = '바나나';
alert(apple);

그리고 다른 변수에 복사할 수도 있습니다.

let apple = '사과';
let banana;
banana = apple;
alert(apple);
alert(banana);

똑같은 이름의 let 선언하면 에러가 뜹니다.

let apple = '사과';
let apple = '사과';
alert(apple);
alert(apple);

변수명 규칙

자바스크립트에서 특수문자 $ _ 만 이름에 들어갈 수 있습니다. 그리고
이름의 첫 글자는 숫자로 작성할 수 없습니다.

자바스크립트는 대/소문자 구별

apple와 AppLE은 서로 다른 변수입니다.

예약어

예약어(reserved name) 목록에 있는 단어는 이름으로 사용할 수 없습니다. 이 이름은 자바스크립트 내부에서 이미 사용 중이기 때문입니다. 예약어를 이름으로 사용하면 문법 에러가 뜹니다.
예약어 예시는 let class var function 등 있습니다.