본문 바로가기
IT_Developers/Javascript

console.log - 콘솔 로그 스타일 입히기

by 고코더 2019. 7. 11.

console style 글짜 변경하기


안녕하세요.
고코더 입니다.


 1. 티스토리를 접속하고
콘솔창을 확인하면 
이렇게 티스토리 시그니쳐 텍스트가 찍혀있습니다.


 2. 이건 console.log에 스타일을 입힐 수 있기 때문입니다. 아래 코드를 콘솔창에서 실행 해보세요.
1
2
3
4
console.log(
    '%cGocoder IT Express'
    'color:red; font-size:25px; background:black'
);

cs

 3. 실행화면 



 4. 사용 방법은 간단합니다. 
첫번째 인자에 %c를 입력하고 글자를 입력하면 됩니다. 
console.log('%c[글자입력]')
ex)%cGocoder IT Express

 6. 그리고 두번째 인자에 스타일을 입력하면 됩니다.
console.log('%c[글자입력]','스타일 CSS 입력')
ex)color:#3E71B3; font-size:50px; background:black


마무리


나만에 콘솔로그로 홈페이지에
시그니처를 표시해보세요.


댓글