console.log()

console.log() 메서드는 웹 콘솔에 메시지를 출력합니다. 메시지는 (선택적 대체 값을 포함한) 단일 문자열이거나 더 많은 JavaScript 객체중 하나일 수 있습니다.

참고: 이 기능은 Web Worker에서 사용할 수 있습니다

구문

js
console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);

매개변수

obj1 ... objN

출력할 JavaScript 객체 목록입니다. 이러한 각 객체의 문자열 표현은 입력한 순서대로 함께 출력됩니다. 최신 버전의 Chrome 및 Firefox에서, 콘솔에 기록되는 것은 객체에 대한 참조이며, console.log()를 호출하는 순간에 객체의 '값'이 반드시 필요한 것은 아닙니다.

msg

0개 이상의 치환 문자열들을 포함하는 JavaScript 문자열입니다.

subst1 ... substN

msg 내의 치환 문자열들을 치환할 JavaScript 객체들입니다. 출력 형식에 추가 제어를 할 수 있게 해줍니다.

자세한 내용은 console 문서의 콘솔에 텍스트 출력을 참고하세요.

log()와 dir()의 차이

당신은 console.dir()console.log()가 무엇이 다른지 궁금할 수 있습니다.

DOM 요소들을 콘솔로 보낼 때 Chrome에서 다른 유용한 차이점이 있습니다.

  • console.log는 요소를 HTML과 같은 트리 구조로 출력합니다.
  • console.dir은 요소를 JSON과 같은 트리 구조로 출력합니다.

구체적으로, console.log는 DOM 요소에 대해 특별한 처리를 제공하지만 console.dir은 그렇지 않습니다. 이것은 종종 DOM JS 객체의 전체 표현을 보려고 할 때 유용합니다.

이것과 다른 함수들에 대한 더 많은 정보는 Chrome Console API reference에서 확인할 수 있습니다.

객체 로깅하기

console.log(obj)를 사용하지 말고 console.log(JSON.parse(JSON.stringify(obj)))를 사용하시기 바랍니다.

이 방법은 여러분이 로그를 남길 당시의 obj 값을 보려고 사용했을 것입니다. 그러나 많은 브라우저가 값이 갱신 될때마다 끊임없이 바뀐 값을 보여줍니다. 이는 여러분이 원하는 방법이 아닐 것입니다.

명세

Specification
Console Standard
# log

브라우저 호환성

BCD tables only load in the browser

같이 보기