JavaScript에서 오류 콘솔에 메시지를 출력하려면 console 객체를 사용하면 됩니다. console 객체는 다양한 종류의 메시지를 브라우저 개발자 도구 콘솔에 표시할 수 있는 여러 메서드를 제공합니다.
1. 오류 메시지 출력
콘솔에 빨간색으로 표시되는 오류 메시지를 출력하려면 console.error()를 사용합니다.
console.error(message);
2. 기본 로그 메시지 출력
가장 일반적으로 사용되는 기본 메시지 출력 방법은 console.log()입니다.
console.log(message);
3. 경고 메시지 출력
노란색 경고 아이콘과 함께 표시되는 경고 메시지는 console.warn()으로 출력할 수 있습니다.
console.warn(message);
4. 정보성 메시지 출력
일반 정보를 전달하는 메시지는 console.info()를 사용합니다.
console.info(message);
5. CSS 스타일 적용하기
%c 지시자를 활용하면 콘솔 로그 메시지에 CSS 스타일을 적용할 수 있습니다. 예를 들어 초록색 배경에 흰색 글자로 메시지를 표시하려면 다음과 같이 작성합니다.
console.log('%c Add message!', 'background: green; color: white;');6. 변수 값과 함께 오류 출력하기
변수 값을 포함한 형식화된 오류 메시지를 출력할 수도 있습니다. 변수명이 num이라고 가정하면 다음과 같습니다.
console.error('num=%d', num);%d는 숫자 값이 삽입될 자리를 나타내며, 문자열은 %s를 사용할 수 있습니다.
마무리
이처럼 console 객체의 다양한 메서드를 활용하면 디버깅 시 메시지의 성격(오류, 경고, 정보 등)에 맞게 구분하여 출력할 수 있어 코드 분석이 훨씬 수월해집니다. 더 자세한 내용은 공식 Console API Reference 문서를 참고하세요.