[javascript, console.log] console.log와 console.error의 차이점

 

• 목적
  • console.log: 일반적인 정보를 출력할 때 사용됨.
  • console.error: 오류나 예외 상황을 출력할 때 사용됨.
• 출력 형식
  • console.log: 브라우저 콘솔에서 기본 텍스트로 표시됨.
  • console.error: 일반적으로 빨간색으로 강조되어 표시됨.
• 디버깅 및 로깅
  • console.log: 개발 중 코드 실행 흐름을 확인하는 용도로 적합함.
  • console.error: 오류 메시지를 강조하여 디버깅을 더 쉽게 할 수 있음.
• 스택 트레이스(Stack Trace) 제공 
  • console.error: 오류 발생 위치를 확인할 수 있도록 스택 트레이스를 함께 제공함.
  • console.log: 기본적으로 스택 트레이스를 제공하지 않음.
• 로그 레벨 및 필터링
  • 개발자 도구에서 console.error는 오류 필터에서 따로 확인 가능함.
  • console.log는 일반 로그 메시지로 취급되어 정보 필터에서 확인 가능함.

 

⭐️스택 트레이스 예제

function faultyFunction() {
  console.error("오류 발생!");
  throw new Error("예외 발생!");
}

faultyFunction();

 

오류 발생!
Uncaught Error: 예외 발생!
    at faultyFunction (script.js:5)
    at script.js:8