JavaScript 디버깅을 위해 console.log()를 사용하는 것은 개발자들 사이에서 가장 일반적인 방법입니다. 그러나 더 많은 것이 있습니다.

https://denic.hashnode.dev/use-consolelog-like-a-pro

콘솔 개체는 브라우저의 디버깅 콘솔에 대한 액세스를 제공합니다. 작동 방식에 대한 세부 사항은 브라우저마다 다르지만 일반적으로 제공되는 사실상의 기능 세트가 있습니다.

가장 일반적인 콘솔 방법 : 

console.log() – 로깅 정보의 일반 출력용.

console.info() – 정보 로깅.

console.debug() – 로그 수준 디버그를 사용하여 콘솔에 메시지를 출력합니다.

console.warn() – 경고 메시지를 출력합니다.

console.error() – 오류 메시지를 출력합니다.

console.log()에 대한 사용자 정의 CSS 스타일 

console.log 출력은 CSS 형식 지정자를 사용하여 DevTools에서 스타일을 지정할 수 있습니다.

문자열 대체 

문자열 (예 : log ())을 허용하는 콘솔 객체의 메서드 중 하나에 문자열을 전달할 때 다음 대체 문자열을 사용할 수 있습니다.

%s – string

%i or %d – integer

%o or %0 – object

%f – float

console.assert() 

첫 번째 인수가 false 인 경우 메시지 및 스택 추적을 콘솔에 기록합니다.

console.clear() 

콘솔을 지웁니다.

console.count() 

주어진 레이블로 이 줄이 호출 된 횟수를 기록합니다.

console.dir() 

지정된 JavaScript 개체 속성의 대화 형 목록을 표시합니다.

console.group() and console.groupEnd() 

다음의 모든 출력을 다른 수준으로 들여 쓰기하여 새 인라인 그룹을 만듭니다. 한 단계 뒤로 이동하려면 groupEnd ()를 호출하십시오.

콘솔의 HTML 요소 

console.memory 

메모리 속성을 사용하여 힙 크기 상태를 확인할 수 있습니다.

참고 : 메모리는 메서드가 아니라 속성입니다.

console.table() 

테이블 형식 데이터를 테이블로 표시합니다.

console.time() and console.timeEnd() 

console.time() – 입력 매개 변수로 지정된 이름으로 타이머를 시작합니다. 주어진 페이지에서 최대 10,000 개의 동시 타이머를 실행할 수 있습니다. console.timeEnd() – 지정된 타이머를 중지하고 시작된 이후 경과 된 시간 (초)을 기록합니다.

console.trace() 

스택 추적을 출력합니다.