lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter1Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// 학생 객체를 정의합니다.
let student = {
  name: '코드프렌즈',
  age: 20,
};

// 학생 객체에 저장된 값을 출력합니다.
console.log('학생의 이름: ' + student.name); // 학생의 이름: 코드프렌즈
console.log('학생의 나이: ' + student.age); // 학생의 나이: 20

// 학생 객체의 값을 변경합니다.
//
console.log('변경된 학생의 나이: ' + student.age); // 변경된 학생의 나이: 25

# 객체(Object)

객체는 키(Key)와 값(Value)의 쌍으로 구성된 데이터 모음입니다.

여기서 키는 문자열, 값은 다양한 데이터 타입(기본형, 객체, 함수 등)이 될 수 있습니다.

<br />

## 객체 만들기

자바스크립트에서는 중괄호 `{ }`를 사용하여 객체를 만듭니다.

여러분의 지갑을 객체로 아래와 같이 표현할 수 있습니다.

```javascript title="지갑 객체 만들기"
let 지갑 = {
  돈: 10000,
  신용카드: 'Visa',
  사진: '가족사진',
  운전면허증: true,
};
```

객체 내부의 `돈`, `신용카드`, `사진`, `운전면허증`과 같은 것들을 '속성' 또는 '키'라고 하고, 이 키에 연결된 값들을 '값'이라고 합니다.

<br />

## 객체에서 정보 가져오기

1. **점(`.`)을 사용하는 방법**: 이 방법은 가장 흔하게 사용됩니다.

   ```javascript title="마침표로 객체 정보 가져오기"
   let myMoney = 지갑.돈; // 10000
   ```

<br />

2. **대괄호(`[]`)와 키를 사용하는 방법**: 이 방법은 키가 변수로 주어지거나, 공백이나 특수문자를 포함하는 경우 유용합니다.

   ```javascript title="대괄호로 객체 정보 가져오기"
   let card = '신용카드';
   let myCard = 지갑[card]; // 'Visa'
   ```

<br />

## 객체 정보 수정 및 추가

객체의 정보를 수정하거나 새로운 정보를 추가하는 것은 점(.)을 사용하는 방법과 대괄호([])를 사용하는 방법이 있습니다.

```javascript title="객체 정보 수정 및 추가"
// 새로운 속성 추가
지갑.키 = 170;
지갑['신용카드'] = 'MasterCard';

// 기존 속성 값 변경
지갑.돈 = 5000;
```