console

브라우저의 디버깅 콘솔(Firefox 웹 콘솔 등)에 접근할 수 있는 메서드를 제공한다.
동작 방식은 브라우저마다 다르다.

console 객체는 아무 전역 객체에서나 접근할 수 있다.

console의 method 종류

MDN - console > method

console.log와 console.dir()의 차이

log 다음으로 가장 많이 사용하는 메소드가 dir 이다.

console.log

• 매개변수로 전달된 값을 출력한다.
• 요소를 HTML과 같은 트리 구조로 출력한다.

console.dir

• 매개변수로 전달된 객체의 속성을 출력한다.
• 요소를 JSON과 같은 트리 구조로 출력한다.

예시

• console.log로 document.body 객체를 출력하면 태그내용이 출력되고,
  console.dir로 document.body 객체를 출력하면 객체의 속성이 출력된다.

• console.log로 함수를 출력하면 함수의 코드가 출력되고,
  console.dir로 함수를 출력하면 함수의 속성이 출력된다.