[JavaScript] 자바스크립트에서 정보/에러/경고 출력하기

244_자바스크립트에서 정보/에러/경고 출력하기

[적용]

• 자바스크립트의 실행 결과를 확인하고 싶을 때
• 상태에 따라 콘솔 사용을 분류하고 싶을 때

---

[문법]

메소드	의미	반환
console.log(값1, 값2, ...)	로그 표시	없음
console.info(값1, 값2, ...)	정보 표시	없음
console.warn(값1, 값2, ...)	경고 표시	없음
console.error(값1, 값2, ...)	에러 표시	없음

---

[내용]

콘솔은 동작 확인을 위한 경고, 에러를 표시하는 로그 등 상태에 따라 네 종류의 명령이 있다.

사용 분류를 통해 로그 종류를 콘솔 패널에서 쉽게 확인할 수 있으며, 종류에 따라 문자색으로 구분이 가능하다.

 

JavaScript                                                                                                                                                          main.js

console.log('로그 표시입니다.');
console.info('정보 표시입니다.');
console.warn('경고 표시입니다.');
console.error('에러 표시입니다.');

실행결과

메소드에 따라 출력 문자의 색상을 변경할 수 있으므로 중요도에 따라 분류할 수 있다.

예를 들어 구글 크롬 개발자 도구에서는 log와 info를 검은색(다크모드일 때는 하얀색),

warn을 노란색, error를 빨간색 문자로 표시한다.

 

권하지 않는 조작은 console.warn()으로 표시하고,

프로그램이 의도하지 않은 동작 등은 console.error()로 나타내도록 분류하여 사용하면 좋다.

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김