brunch

You can make anything
by writing

C.S.Lewis

by Daniel Lim Oct 18. 2019

Javascript] console method

생각보다 많은 기능을 제공하는데, 제대로 알지 못했다.


  

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의 옵션 정리



- 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()

    + 경고 메시지를 출력합니다. 추가 매개변수와 함께 문자열 치환을 사용할 수 있습니다.



출처 

 https://developer.mozilla.org/en-US/docs/Web/API/Console

작가의 이전글 PostgreSQL Replication
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari