lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

webIntroJsChapter1Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// 변수 선언
let a;
let b;
let c;
let d;
let e;

// 변수에 값 할당
a = 10;
b = 'Hello, world!';
c;
d = {
  name: 'John Doe',
  age: 30,
};
e = [1, 2, 3];

// 변수의 값 출력
console.log('숫자 변수 a: ' + a); // 숫자 변수 a: 10

console.log('문자열 변수 b: ' + b); // 문자열 변수 b: "Hello, world!"

console.log('불린 변수 c: ' + c); // 불린 변수 c: true

console.log('객체 변수 d: ', d); // 객체 변수 d: { name: "John Doe", age: 30 }

console.log('배열 변수 e: ', e); // 배열 변수 e: [1, 2, 3]

# 변수 할당(Assignment)

프로그래밍에서 '할당'은 간단하게 말해서 '무언가를 상자에 넣는 행위'를 뜻합니다.

이때, 상자는 '변수'라고 부르는 것이고, 무언가는 숫자, 문자 등의 다양한 데이터가 될 수 있습니다.

 

## 어떻게 할당할까요?

자바스크립트(그리고 대부분의 프로그래밍 언어)에서는 `=` 기호로 값을 할당합니다.

예시 1:

```javascript title="문자열 사과를 fruit 변수에 할당"
let fruit = '사과';
```

위 코드에서 `fruit`라는 상자(변수) 안에 '사과'라는 글자(값)를 넣었습니다.

이렇게 `=` 기호를 사용해 '사과'라는 문자열 값을 `fruit` 변수에 할당할 수 있습니다.

 

예시 2:

```javascript title="숫자 20을 age 변수에 할당"
let age = 20;
```

여기서는 `age`라는 상자에 20이라는 숫자 값을 넣었어요. 즉, 숫자 20을 변수 `age`에 할당했습니다.

 

## 여러 번 할당 가능할까요?

**var**와 **let**로 선언한 변수는 재할당 가능합니다.

```javascript title="color 변수 재할당"
let color = '파랑';
color = '빨강';
```

처음에는 `color`라는 상자에 '파랑'이라는 값을 넣었습니다.

그런데 바로 다음 줄에서 '빨강'이라는 값을 다시 넣었습니다. 이렇게 하면, `color`의 값은 '빨강'이 되어, 기존의 '파랑'이라는 값은 사라집니다.

 

## 주의할 점

`const`로 만든 변수에는 한 번 값이 들어가면 바꿀 수 없습니다. 이것을 '재할당이 불가능하다'고 말합니다.

```javascript title="const로 선언한 변수는 재할당 불가"
const birthYear = 2000;
birthYear = 2001; // 오류 발생!
```

 

## 정리

'할당'은 간단히 말해서 '데이터를 상자에 넣는 행위'라고 생각할 수 있습니다.

할당으로 변수에 정보를 저장하고, 그 정보를 나중에 사용할 수 있습니다.