생각보다 많은 기능을 제공하는데, 제대로 알지 못했다.
console 에서 제공되는 여러가지 기능이 있습니다. 다음은 성능을 측정하는 샘플입니다.
console.time('Label');
... 성능측정(시간 측정)을 하려는 코드
console.timeEnd('Label');
... 결과
Label: 13998.528076171875ms
time이라는 method는 인자로 받은 문자열을 기준으로 실행 시간의 시작을 의미하고, timerEnd method는 인자로 받은 문자열을 기준으로 실행 시간을 화면에 표출하고 종료합니다.
이외에 timeLog도 제공하며 시작이후 지금가지 시간을 표기합니다.
console.time('Label');
... 성능측정(시간 측정)을 하려는 코드
console.timeLog('Label');
... 출력
Label: 7327.245849609375ms
console.timeEnd('Label');
... 결과
Label: 13998.528076171875ms
기본적으로 console의 info, debug, trace, log, warn 과 같이 로그 레벨을 기준으로 사용하거나, 특별하게 dir(object 형식으로 출력) method 정도 사용해보았는데, console에 더 많은 옵션들이 존재 한다는 것이다.
- Console.assert()
+ 첫 번째 매개변수가 false인 경우 메시지와 스택 추적을 출력합니다.
- Console.clear()
+ 콘솔의 내용을 지웁니다.
- Console.count()
+ 주어진 라벨로 메서드를 호출한 횟수를 출력합니다.
- Console.countReset()
+ 주어진 라벨의 횟수를 초기화합니다.
- Console.debug()
+ "debug" 중요도로 메시지를 출력합니다.
> 참고: Chromium 브라우저는 58 버전 이후 브라우저 콘솔의 "Verbose" 레벨을 선택하지 않으면 이 메서드의 출력 결과가 보이지 않습니다.
- Console.dir()
+ 주어진 JavaScript 객체의 속성 목록을 상호작용 가능한 형태로 표시합니다. 속성 값이 다른 객체라면 펼쳐서 살펴볼 수 있습니다.
- Console.dirxml()
+ 객체를 XML/HTML 요소 형태로 나타낼 수 있으면 그렇게 표시하고, 아닐 경우 JavaScript 객체 형태로 표시합니다.
- Console.error()
+ 오류 메시지를 출력합니다. 추가 매개변수와 함께 문자열 치환을 사용할 수 있습니다.
- Console.exception() 표준 아님, 사용하지 않기를 권고
+ error()의 별칭입니다.
- Console.group()
+ 새로운 인라인 그룹을 생성해, 이후 모든 출력을 한 단계 들여씁니다. 그룹을 나오려면 groupEnd()를 호출하세요.
- Console.groupCollapsed()
+ 새로운 인라인 그룹을 생성해, 이후 모든 출력을 한 단계 들여씁니다. 그러나 group()과 달리, groupCollapsed()로 생성한 그룹은 처음에 접혀 있습니다. 그룹을 나오려면 groupEnd()를 호출하세요.
- Console.groupEnd()
+ 현재 인라인 그룹을 나옵니다.
- Console.info()
+ 정보 메시지를 출력합니다. 추가 매개변수와 함께 문자열 치환을 사용할 수 있습니다.
- Console.log()
+ 일반 메시지를 출력합니다. 추가 매개변수와 함께 문자열 치환을 사용할 수 있습니다.
- Console.profile()
+ 브라우저의 내장 프로파일러(Firefox 성능 측정 도구 등)를 실행합니다. 선택 사항으로 프로파일에 이름을 붙일 수 있습니다.
- Console.profileEnd()
+ 프로파일러를 멈춥니다. 프로파일 결과는 브라우저의 성능 측정 도구(Firefox 성능 측정 도구 등)에서 확인할 수 있습니다.
- Console.table()
+ 표 형태의 데이터를 표에 그립니다.
- Console.time()
+ 주어진 이름의 타이머를 실행합니다. 하나의 페이지에서는 최대 10,000개의 타이머를 동시에 실행할 수 있습니다.
- Console.timeEnd()
+ 지정한 타이머를 멈추고, 소요시간을 출력합니다.
- Console.timeStamp() 표준 아님
+ 브라우저의 타임라인이나 워터폴에 마커를 추가합니다.
- Console.trace()
+ 스택 추적을 출력합니다.
- Console.warn()
+ 경고 메시지를 출력합니다. 추가 매개변수와 함께 문자열 치환을 사용할 수 있습니다.