FrontEnd/JavaScript
[JavaScript] console.log 눈에 띄게 설정하기, 색상입히기
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를 자주 사용합니다.
도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.
반응형