[javascript] console.log() 대하여 알아보자

현재 모든 자바스크립트 개발자가 가장친숙한 디비깅 툴은 무엇일까요?
아무래도 console.log가 아닐까 싶습니다. nodejs 서버개발과 프론트엔드 개발에서 디버깅 활용도가 높은 콘솔 객체에 대해서 정리해보겠습니다.

 

종류

 

 

 

console.clear() - 콘솔창 청소

브라우저 콘솔창이 지저분하다싶으면 clear()로 아주깔끔하게 지워버립니다.

 

- 실행문

console.clear();

- 실행 결과

console.clear() 실행전

console.clear() 실행후

console.log() - 콘솔에 메시지 출력

기본 문자열을 출력합니다. object/array 같은 개체 출력도 가능합니다.

 

- 실행문

console.log({korea: '대한민국', 'nodejs':'노트js'});

console.log(['aaa','bbb','ccc']);

console.log('세상엔 어려운게 없다. 다만 귀찮을뿐이지.');

- 실행 결과

메시지 출력화면

console.warn() - 콘솔에 경고 메시지 출력

콘솔에 경고를 기록하는 데 사용됩니다. 아래 이미지와 같이, console.warn()콘솔에 고유한 노란색 로깅이 표시됩니다.

 

- 실행문

console.warn('니가가라 하와이');

- 실행결과

경고 메시지 출력

console.info() - 콘솔에 정보 메시지 출력

- 실행문

console.info('니아버지가 누구시노');

 

- 실행 결과

정보 메시지 출력

console.error() - 콘솔에 에러 메시지 쓰기

이름대로 콘솔에 오류를 기록하는 데 사용됩니다. 다음 이미지에 따라 console.error()메서드는 빨간색 오류 메시지를 기록합니다.

 

- 실행문

console.error('오류냈냐? 옥상으로따라와!');

 

- 실행 결과

에러 메시지 쓰기

console.table() - 콘솔에 테이블 쓰기

console.table()메소드는 테이블 형식의 데이터를 테이블로 표시합니다. 이 함수는 하나의 필수 인수를 취합며, 

data가 배열(array)이거나 객체(object)및 하나의 추가 선택적 매개변수가 필요합니다.
배열의 각 요소(또는 열거 가능한 속성 만약에 data객체) 테이블의 행이 됩니다. 

 

- 실행 결과

// passing an array
console.table(["정지영", "신민아", "아이유"]);

 

// passing an object
console.table({"who":"정지영", "are":"신민아", "you":"아이유"});

 

console.assert() - 주어진 조건이 거짓(FALSE)인 경우 콘솔에 오류 메시지 출력

조건이 참(true)인 경우는 아무것도 하지 않으며, 주어진 조건이 거짓(false)인 경우 콘솔에 오류 메시지를 출력합니다. 

 

- 실행 문

console.assert(1 === 1, '같아요');

console.assert(1 === 0, '틀려요');

console.assert(true, '출력안되네');

console.assert(false, '세상은 조작된것이다.');

- 실행 결과

 

결론

console.log만 사용을하다보니, 로그에 크게신경을 안쓰는것같다, assert같은 테스트 코드를 활용수있을것같고, 이쁘장하게 tables를 사용을 하면 로그출력시 깔끔한 내용이 출력될듯하다. 

그래도 난 console.log 이것만 쓸것이다!! 바쁜데 로그찍는거에 신경쓸바에 테스트/디버깅을 한번 더하겠다.