English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Console 객체

console 객체

Console 객체는 브라우저 디버깅 콘솔에 대한 접근을 제공합니다。

컨솔에서 가장 일반적인 기능은 텍스트와 다른 데이터를 기록하는 것입니다。

로그 기록 메서드를 사용하는 가장 간단한 방법은 문자열을 출력하는 것입니다:

console.log("Hello world!!!");
테스트를 보자‹/›

함수 호출 시 간단히 목록을 나열하여 여러 개의 객체를 출력할 수도 있습니다. 예를 들어:

var car = "Scorpio";
var myObject = { str: "Some text", id: 12 };
console.log("My first car was a", car, ". The object is:", myObject);
테스트를 보자‹/›

사용%c지시어를 사용하여 컨솔 출력에 CSS 스타일을 적용합니다:

console.log("This is %cMy stylish message", "color:white; background-color:black;");
테스트를 보자‹/›

지시어 앞의 텍스트는 영향을 받지 않지만, 지시어 뒤의 텍스트는 매개변수에 포함된 CSS 선언을 사용하여 스타일을 설정합니다。

이 코드는 여러 가지 지시어를 사용하는 방법을 보여줍니다:%c지시어를 사용하여 컨솔 출력에 CSS 스타일을 적용합니다:

console.log("%cThis is %cMy stylish %cmessage", 
"color:white; background-color:#4285f4; font-size: 2em;",
"color:#19EE1F; background-color:black; font-size: 2em;",
"color:black; background-color:yellow; font-size: 2em;");
테스트를 보자‹/›

컨솔 객체 메서드

다음 표는 Console 객체의 메서드를 나열합니다:

메서드설명
assert()첫 번째 매개변수가 false 인 경우, 메시지와 스택 트래킹을 콘솔에 기록
clear()콘솔을 지우기
count()count() 호출 횟수 기록
error()에러 메시지를 콘솔에 출력
group()새로운 내장 그룹을 만들고, 모든 후속 출력을 다른 단계로 인덱싱합니다. 다른 단계에서 나가려면 groupEnd() 호출하십시오.
groupCollapsed()

그룹을 접은 상태로 설정된 그룹 정보를 사용합니다. 이 코드 아래에서 실행된 모든 출력은 접은 그룹 내에 표시됩니다.

확장 버튼을 클릭하여 그룹 정보를 열기

groupEnd()현재의 내장 그룹을 나가기
info()정보 메시지를 콘솔에 출력
log()메시지를 콘솔에 출력
table()테이블 데이터를 테이블로 표시
time()타이머를 시작(操作이 얼마나 오래 걸리는지 추적할 수 있습니다)
timeEnd()console.time()로 시작된 타이머를 중지
trace()스택 트래킹을 콘솔에 출력
warn()경고 메시지를 콘솔에 출력