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
마무리
나만에 콘솔로그로 홈페이지에
시그니처를 표시해보세요.
'IT_Developers > Javascript' 카테고리의 다른 글
jQuery - 가장 간단한 슬라이드 HTML / Coin Slider (2) | 2019.07.17 |
---|---|
자바스크립트 - location.href 와 location.replace 차이점 (0) | 2019.07.15 |
jQuery - Div등 요소의 크기 조절, 사이즈 가져오기 / width(), hegiht(); (1) | 2019.06.19 |
JavaScript - setTimeout(), setInterval() 차이점 예제 (1) | 2019.06.17 |
jQuery UI - 이미지 드래그, 리사이징 / resizable() draggable() (0) | 2019.06.11 |
댓글