목차

1. 객체
2. 내장 객체
3. 문서 객체 모델 (DOM)
4. 브라우저 객체 모델 (BOM)

1. 객체

• *객체(Object)**는 현실 세계의 대상을 데이터와 동작으로 추상화한 구조
• 객체는 속성과 메서드를 갖는 데이터 구조로, JavaScript에서는 클래스를 사용하지 않고도 생성 가능

객체의 종류

• 사용자 정의 객체
• 내장 객체 (Array, String, Math 등)
• 문서 객체 모델 (DOM)
• 브라우저 객체 모델 (BOM)

✅ 예제 코드

const sonata = {
    name: '소나타',
    color: '흰색',
    speed: 0,
    speedUp: function(speed) {
        this.speed += speed;
    },
    speedDown: function(speed) {
        this.speed -= speed;
    },
    show: function() {
        document.write('차량명 : ' + this.name + '<br>');
        document.write('차량색 : ' + this.color + '<br>');
        document.write('차량속도 : ' + this.speed + '<br>');
    }
};

sonata.speedUp(80);
sonata.speedDown(20);
sonata.show();

구조 분해 할당 예시

const { name, color, speed } = sonata;
document.write(name + ', ' + color + ', ' + speed);

2. 내장 객체

JavaScript에서 제공하는 **기본 객체(내장 객체)**는 프로그램 개발에 매우 유용한 기능 제공