지정자를 사용하여 콘솔 출력 스타일 지정

반응형

JavaScript 자체의 일부가 아닙니다. 콘솔 스타일을 지정하기 위해 최신 브라우저에서 제공하는 형식 지정자입니다. 이를 사용하려면 console.log()메소드의 첫 번째 매개변수여야 합니다.

콘솔에 적용하려는 스타일을 설정할 수 있습니다.

const styles = `padding: 15px;
                background-color: #2ecc71;
                color: black`;

console.log('%c Hello, Everyone!', styles);

아니면 직접 넣을 수도 있습니다:

console.log(
  '%c Hello, Everyone!',
  'padding: 15px; background-color: #2ecc71; color: black'
);
반응형