[JavaScript] console.log에 스타일(css) 입히는 방법

[JavaScript] console.log에 스타일(css) 입히는 방법

서론

디스코드나 인스타그램, 스래드 등 웹 사이트에서는 selfxss 해킹에 대한 경고를 위해 console 창에 글자를 띄워준다.

이 글에서는 이런식으로 console.log 에 스타일을 입히는 방법을 알려준다.

방법

const style = "font-family: helvetica; font-size: 50px; font-weight: bold; color: red; -webkit-text-stroke: 1px black;";
console.log(`%c원하는 텍스트`, style);

위 코드와 같이 `로 묶어주고 %c를 사용하여 스타일을 입힐 수 있다. 또한 여러 스타일을 한번에 입힐 수 도 있다.