본문 바로가기

JavaScript

Console

console 객체에서 사용 가능한 메서드는 아래와 같습니다.

 

log

log 메서드의 경우 일반 메시지를 출력합니다.

 

 

warn

warn 메서드의 경우 경고 메시지를 출력합니다.

 

 

error

error 메서드의 경우 에러 메시지를 출력합니다.

 

dir

dir 메서드의 경우 속성을 볼 수 있는 객체를 출력합니다.

 

 

count / countReset

count 메서드와 countReset 메서드의 경우 콘솔에 메서드 호출의 누적 횟수를 출력하거나 초기화합니다.

 

*함수 내부에서 콘솔을 출력하여 해당 함수가 몇 번 호출되었는지 확인할 때 유용하게 사용 가능합니다.

 

time / timeEnd

time 메서드와 timeEnd 메서드의 경우 콘솔에 타이머가 시작해서 종료되기까지의 시간(ms)을 출력합니다.

time 메서드를 시작으로 timeEnd 메서드 호출까지의 시간을 콘솔에 출력합니다.

 

*작성한 로직의 처리 시간을 확인할 때 유용하게 사용 가능합니다.

 

 

 

trace

trace 메서드의 경우 메서드 호출 스택(Call Stack)을 추적해 출력합니다.

위의 코드는 trace 메서드가 실행되기까지 어떠한 함수가 실행되어 해당 메서드까지 도달하였는지의 내용을 콘솔에 출력하고 있습니다.

 

16번 줄의 익명의 경우 a 함수 호출이 실행 범위에 별도의 함수가 존재하지 않기 때문에 익명의 부분에서 실행되었음을 의미하고, 14번 줄의 a의 경우 b 함수 호출이 실행 범위가 a 함수 내부를 의미하고, 12번 줄의 b의 경우 c함수의 호출이 실행 범위가 b함수 내부를 의미합니다.

 

 

 

clear

clear 메서드의 경우 콘솔에 기록된 메시지를 모두 삭제합니다.

 

'JavaScript' 카테고리의 다른 글

Location  (0) 2022.12.22
Cookie, Storage  (0) 2022.12.22
Event 제어  (0) 2022.12.22
비동기  (0) 2022.12.21
JavaScript 라이브러리  (0) 2022.12.06