javascript에서 제공되는 console methods

오늘 javascript 강좌를 보다가 다음과 같은 코드를 보았다.

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

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

몰라서 쓰지 못했던 옵션이 6개도 넘는다. 앞으로 프로젝트에서 많이 사용해보자!

출처

Posted by lahuman

댓글을 달아 주세요