상세 컨텐츠

본문 제목

[JavaScript] console.log 눈에 띄게 설정하기, 색상입히기

FrontEnd/JavaScript

by SangHoonE 2022. 7. 12. 13:16

본문

반응형

안녕하세요 상훈입니다.

js를 다루는 개발자라면, console.log, 혹은 debugger를 자주 사용하게 되실텐데요,

console.log 에 대한 미세한 먼지팁을 드리고자합니다.

바로, 색상을 입히는 것인데요,

방법은 아주 간단합니다!

1. 텍스트 내용의 시작에  %c 를 붙여주고 작성한다.
2. 색상을 정의해준다. (스타일)

 

console.log("%c안녕하세요?","color:red;");

 

이렇게 결과가 출력되었습니다. 어때요 눈에 잘띄죠?

추가적으로 배경도 줄 수 있습니다!

 

console.log("%c안녕하세요?","background-color:red; color:white;");

 

이상입니다. 생각보다 눈에 잘띄어서 좋습니다. 저는 blue를 자주 사용합니다.

 

 

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

관련글 더보기

댓글 영역