Console.log()

Web Console에 메시지를 출력합니다.

주의: 이 기능은 Web Worker에서 사용할 수 있습니다.

구문

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

매개 변수

obj1 ... objN
출력할 자바스크립트 객체의 모음입니다. 각각의 자바스크립트 객체들의 문자열 표현은 순서가 있는 목록에 추가되며, 출력됩니다. 
msg
0개 이상의 치환 문자열(ex:%d, %s)들을 포함하는 자바스크립트 문자열입니다.
subst1 ... substN
msg 내의 치환 문자열들을 치환할 자바스크립트 객체들입니다. 이것은 추가적인 출력 형식 제어권을 제공합니다.

자세한 내용은 console 기록 문서에서 Outputting text to the console을 참조하십시오.

명세

Specification Status Comment
Console API
The definition of 'console.log()' in that specification.
Living Standard Initial definition

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
logChrome Full support YesEdge Full support 12Firefox Full support 4IE Full support 8Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android ? Safari iOS ? Samsung Internet Android ?
Substitution stringsChrome Full support Yes
Notes
Full support Yes
Notes
Notes In version 28, if a negative value is passed to %d, it will be rounded down to the closest negative integer, so -0.1 becomes -1.
Edge Full support YesFirefox Full support 9IE Full support 10
Notes
Full support 10
Notes
Notes %c is not supported, %d will render as 0 when it is not a number
Opera ? Safari ? WebView Android Full support Yes
Notes
Full support Yes
Notes
Notes In version 28, if a negative value is passed to %d, it will be rounded down to the closest negative integer, so -0.1 becomes -1.
Chrome Android Full support Yes
Notes
Full support Yes
Notes
Notes In version 28, if a negative value is passed to %d, it will be rounded down to the closest negative integer, so -0.1 becomes -1.
Firefox Android Full support 9Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.

console.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 값을 보려고 사용했을겁니다. 그러나 많은 브라우저가 값이 갱신 될때마다 끊임없이 바뀐 값을 보여줍니다. 이는 여러분이 원하는 방법이 아닐겁니다.

참조