console.log() vs console.dir()

console.log()

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

cosnole.dir()

• 매개변수로 전달된 객체의 속성을 출력한다.
• 요소를 JSON과 같은 트리구조로 출력한다.
• DOM JS객체의 전체 표현을 보려고 할 때 유용하다.

예시

const onScroll = e => {
   console.dir(e.target.scrollingElement)
   console.log(e.target.scrollingElement)
};

document.addEventListener("scroll", onScroll);

console.dir()

console.log()