Console.log()
이미 정의된 모든 종류의 variable(변수)를 출력하거나 사용자에게 표시되어야 하는 메세지를 출력하는 데 사용되는 JS function(함수).
Console.dir()
주어진 JS object의 모든 property를 console에서 볼 수 있는 방법으로 이를 사용하면 object property를 쉽게 확인할 수 있다.
log()와 dir()의 차이
- console.log()는 element를 HTML과 같은 트리구조로 출력
- console.dir()은 element를 JSON과 같은 트리구조로 출력
- console.log()는 element의 object를,
console.dir()는 element의 property를 보여준다.
구체적으로, console.log()는 DOM element에 대해 특별한 처리를 제공하지만, console.dir()는 DOM JS object의 전체 표현을 보려고 할 때 유용하다.
DOM(=문서 객체 모델)
메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결한다.
이때 스크립트는 주로 JavaScript를 의미하나 HTML,SVG,XML object를 문서로 모델링 하는 것은 JavaScript 언어의 일부가 아니다.
