웹브라우저 Console창에 CSS 스타일 적용하기

Javascript console.log 함수를 사용해서 Console(콘솔)창에 메세지를 출력할 때 CSS 스타일을 적용할 수 있습니다. %c를 사용하고 다음 인수로 CSS 스타일을 적어주면 됩니다. (Console창 보는 방법은 웹브라우저에서 F12를 눌러서 '개발자 도구'를 열고 Console탭을 선택하면 됩니다.)

console.log("%cHello World!",
  "color:red;font-size:20px;");

%c를 여러개 사용하면 스타일을 따로따로 줄 수도 있습니다.

console.log("%cHello World! %c반갑습니다~",
  "color:red;font-size:20px;", 
  "font-weight:bold;background:yellow;");

JS Tip