[JavaScript] console 객체

📔 console 객체

개발자 도구의 콘솔에 로그 등을 출력할 수 있는 기능을 제공하며 간단한 디버깅을 하는데 편리한 객체이다.

메소드	개요
log(str)	일반적인 로그
info(str)	일반 정보
warn(str)	경고
error(str)	에러

서식 지정자	개요
%s	문자열을 출력
%d, %i	정수값을 출력(%.2d로 두자리의 정수를 나타냄)
%f	부동 소수점 수를 출력(%.2f로 소수점 이하 두 자리의 소수점 수를 나타냄)
%o, %O	JavaScript 객체를 출력

console.log('로그');
console.info('정보');
console.warn('경고');
console.error('에러');

console.log('처음 뵙겠습니다. 나는 %s입니다. %d세입니다.', '김과장', 30);
console.log('오늘의 기온은 %.2f도입니다.', 22.5);

---

📔 알아두면 편리한 로그 메소드

🔸 로그를 그룹화하기 - group/groupEnd 메소드
group 메소드를 호출하고 나서부터 groupEnd 메소드를 호출할 때까지의 로그를 그룹화 할 수 있다.
대량의 로그가 발생하는 경우에 메소드, 루프 등의 단위로 정리하여 로그의 전체적인 조망을 개선 할 수 있고 중첩해서 사용할 수도 있다.

console.group(label)   // label : 레이블 문자열
console.groupEnd()

// 부모 그룹 시작
console.group('상위 그룹');
for (var i = 0; i < 3; i++) {
	// 자식 그룹 시작
	console.group('하위 그룹' + i);
    for (var j = 0; j < 3; j++) {
    	console.group(i,j);
    }
    // 자식 그룹 종료
    console.groupEnd();
}
// 부모 그룹 종료
console.groupEnd();

🔸 특정 코드가 몇 번 실행되었는지 카운트하기 - count 메소드

console.count(label) // label : 레이블 문자열

for (var i = 0; i < 3; i++) {
	for (var j = 0; j < 3; j++) {
    	console.count('LOOP');
    }
}
console.count('LOOP');

🔸 스크립트의 실행 시간 측정하기 - time/timeEnd메소드
time 메소드를 호출하고 나서부터 timeEnd 메소드를 호출할때까지의 실행 시간을 측정 할 수 있다.

console.time (label)   // label : 레이블 문자열
console.timeEnd (label)  // label : 레이블 문자열

// 대화상자가 표시된 후 닫힐 때까지의 시간을 측정 //
console.time ('MyTimer');
window.alert('확인해주세요');
console.timeEnd ('MyTimer');

🔸 조건식이 false인 경우에만 로그 출력하기- assert메소드
함수에 대한 잘못된 값이 전달된 경우를 체크 및 경고할 때 이용하면 편리

console.assert (exp, message)   // exp : 조건식, message : 로그 문자열

function circle(radius) {
	console.assert(typeof radius === 'number' && radius > 0, '인수radius는 양수이어야 한다,');
   	return radius * radius * Math.PI;
    	}
	 console.log(circle(-5));

🔸 객체를 보기 쉬운 형식으로 출력하기 - dir 메소드

console.log(window);
console.dir(window);