아직까지 console.log 만 사용한다면 주목할 것!

 

console.count()

함수나 코드가 실행되는 횟수를 알 수 있다.
여러개의 카운터를 사용할 수 있으며, 레이블과 함께 사용 가능하다.

React 컴포넌트 안에 console.count 를 사용하면 그 컴포넌트가 몇 번 렌더링 됬는지도 알 수 있다.

count 를 리셋하려면 console.countReset 을 사용하자.

 

console.time()

하나 혹은 여러개의 작업에 걸리는 시간을 파악한다.

위와 같이 측정하려는 코드의 시간을 time() timeEnd() 로 감싸주자.

 

console.assert()

assert() 는 참이 아닌 경우에만 실행된다.
console.log() 로 true , false 를 비교하지 말고, false 일 경우에만 실행되는 assert 를 사용해보자

 

console.table()

배열이나 객체를 받아서 그 내용을 표로 표시해준다.

 

console.group()

로그들을 한번에 그룹으로 모아서 확인 할 수 있다.