Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Console API 참조

Console API를 사용하여 콘솔에 정보를 기록하고 자바스크립트 프로필을 만들고 디버깅 세션을 시작합니다.

console.assert(expression, object)

평가된 식이 false이면 콘솔에 오류를 기록합니다.

function greaterThan(a,b) {
  console.assert(a > b, {"message":"a is not greater than b","a":a,"b":b});
}
greaterThan(5,6);

console.assert() 예시

console.clear()

콘솔을 지웁니다.

console.clear();

Preserve log 확인란을 활성화하면 console.clear()가 비활성화됩니다. 그러나 Console에 포커스를 맞춘 상태에서 콘솔 지우기 버튼 (콘솔 지우기 버튼)을 누르거나 단축키Ctrl+L을 누르는 동작을 여전히 사용할 수 있습니다.

자세한 내용은 콘솔 지우기를 참조하세요.

console.count(label)

count()가 호출된 횟수를 동일한 줄에 동일한 레이블을 사용하여 기록합니다.

function login(name) {
  console.count(name + ' logged in');
}

console.count() 예시

자세한 예시는 명령문 실행 카운트를 참조하세요.

console.debug(object [, object, ...])

console.log()와 같습니다.

console.dir(object)

지정된 객체의 자바스크립트 표현을 출력합니다. 로그 중인 객체가 HTML 요소인 경우 DOM 표현의 속성이 아래와 같이 출력됩니다.

console.dir(document.body);

klzzwxh:0018 예시

기능상 동일한 객체 포맷터(%O) 등에 대한 자세한 내용은 문자열 대체 및 서식 지정을 참조하세요.

console.dirxml(object)

가능하면 object의 하위 요소의 XML 표현을 출력하고 그렇지 않은 경우 자바스크립트 표현을 출력합니다. HTML 및 XML 요소에서 console.dirxml() 을 호출하는 것은 console.log() 호출과 동일합니다.

console.dirxml(document);

console.dirxml() 예시

console.error(object [, object, ...])

console.log()와 유사한 메시지를 출력하고 오류와 같은 메시지의 스타일을 지정하고 메서드가 호출된 스택 추적을 포함합니다.

console.error('error: name is undefined');

console.error() 예시

console.group(object[, object, ...])

선택적 제목을 사용하여 새로운 로깅 그룹을 시작합니다. console.group() 후와 console.groupEnd() 전에 발생하는 모든 콘솔 출력은 시각적으로 그룹화됩니다.

function name(obj) {
  console.group('name');
  console.log('first: ', obj.first);
  console.log('middle: ', obj.middle);
  console.log('last: ', obj.last);
  console.groupEnd();
}

name({"first":"Wile","middle":"E","last":"Coyote"});

console.group() 예시

그룹을 중첩할 수도 있습니다.

function name(obj) {
  console.group('name');
  console.log('first: ', obj.first);
  console.log('middle: ', obj.middle);
  console.log('last: ', obj.last);
  console.groupEnd();
}

function doStuff() {
  console.group('doStuff()');
  name({"first":"Wile","middle":"E","last":"coyote"});
  console.groupEnd();
}

doStuff();

nested console.group() 예시

console.groupCollapsed(object[, object, ...])

처음에는 열리지 않고 접힌 새 로깅 그룹을 만듭니다.

console.groupCollapsed('status');
console.log("peekaboo, you can't see me");
console.groupEnd();

console.groupEnd()

로깅 그룹을 닫습니다. 예로 console.group을 참조하세요.

console.info(object [, object, ...])

console.log()와 같은 메시지를 출력할 뿐만 아니라 출력 옆에 아이콘(흰색 'i'가 있는 파란색 원)을 표시합니다.

console.log(object [, object, ...])

콘솔에 메시지를 표시합니다. 한 개 이상의 객체를 이 메서드로 전달합니다. 각 객체는 평가되어 공백으로 구분된 문자열로 연결됩니다.

console.log('Hello, Logs!');

서식 지정자

전달한 첫 번째 객체는 서식 지정자를 한 개 이상 포함할 수 있습니다. 서식 지정자는 퍼센트 기호(%)와 그 뒤에 적용할 서식을 나타내는 문자로 구성됩니다.

관련 가이드:

console.profile([label])

선택적 레이블을 사용하여 자바스크립트 CPU 프로필을 시작합니다. 프로필을 완료하려면 console.profileEnd()를 호출합니다. 각 프로필은 Profiles 패널에 추가됩니다.

function processPixels() {
  console.profile("processPixels()");
  // later, after processing pixels
  console.profileEnd();
}

console.profileEnd()

진행 중인 자바스크립트 CPU 프로파일링 세션을 중지하고 보고서를 Profiles 패널에 출력합니다.

예로 console.profile()을 참조하세요.

console.time(label)

연결된 레이블을 사용하여 새로운 타이머를 시작합니다. 동일한 레이블로 console.timeEnd()를 호출하면 타이머가 중지하고 경과 시간이 콘솔에 표시됩니다. 타이머 값은 밀리초 이하까지 정확합니다. time()timeEnd()에 전달된 문자열은 일치해야 합니다. 그렇지 않으면 타이머가 끝나지 않습니다.

console.time("Array initialize");
var array = new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
  array[i] = new Object();
}
console.timeEnd("Array initialize");

console.time() 예시

console.timeEnd(label)

진행 중인 현재 타이머를 중지하고 타이머 레이블과 경과 시간을 콘솔에 차례로 출력합니다.

예로 console.time()을 참조하세요.

console.timeStamp([label])

기록 세션 동안 이벤트를 타임라인에 추가합니다.

console.timeStamp('check out this custom timestamp thanks to console.timeStamp()!');

console.timeStamp() 예시

관련 가이드:

console.trace(object)

메서드를 호출한 지점에서 스택 추적을 출력합니다.

console.trace();

console.trace() 예시

console.warn(object [, object, ...])

console.log()와 같은 메시지를 출력하면서 로깅된 메시지 옆에 노란색 경고 아이콘도 표시합니다.

console.warn('user limit reached!');

console.warn() 예시