DOM이란?

DOM (Document Object Model) 문서의 객체모델이다.

DOM은 웹페이지에 나타내는 HTML문서를 객체로 나타내는 것으로 설명이 가능하다.

console.log(document);

위와같이 출력해보면 DOM은 객체임에도 문서의 구조로 출력이된다.

console.log(typeof document);

타입연산자를 이용해 document 프로퍼티를 보게되면 Object로 표현이되는데

이때 document의 객체 속성을 보고싶다면

console.dir(document);

dir라는 메소드를 사용해 document안에 있는 객체들의 프로퍼티들을 확인할 수 있다.

DOM을 다루어 HTML문서의 구조를 수정 또는 추가하여 자유롭게 변형 시킬 수 있는데

자바스크립트에서 가능하다.

console.log()? dir?

const str = 'Junseong';
const num = 123;
const bool = true;
const arr = [1, 2, 3];
const obj = {
  name: 'Jun',
  email: '[email protected]',
};

function func() {
  console.log('I love apple!');
}

console.log('--- str ---');
console.log(str);
console.dir(str);
console.log('--- num ---');
console.log(num);
console.dir(num);
console.log('--- bool ---');
console.log(bool);
console.dir(bool);
console.log('--- arr ---');
console.log(arr);
console.dir(arr);
console.log('--- obj ---');
console.log(obj);
console.dir(obj);
console.log('--- func ---');
console.log(func);
console.dir(func);