우리가 페이스북 같은 서비스를 이용할 때 콘솔을 켜보면 다음과 같이 뜨는 것을 볼 수 있다.
이는 브라우저가 콘솔에서 텍스트를 CSS를 통해 간단하게 스타일링 할 수 있도록 해주기 때문이다.
우리도 한번 해보도록 하자.
스타일 텍스트를 %c 포맷팅을 통해 넣어주면 다음과 같이 출력할 수 있다.
이를 이용하면 이미지를 넣는 것도 가능하다.
background로 넣어주면 다음과 같이 이미지를 출력하는 것도 가능하다.
잘 활용하면 유용하게 써먹을 수 있을 것이다.
https://gist.github.com/dlcjsdltlq/f079687dc6799ba7dae1924f23c93281
참고한 글: https://stackoverflow.com/questions/26283936/stylized-console-logging
알고 있던 내용이지만 쓸데가 있지는 않았음..ㅎ
쓸모있는 사람도 있겠지 ㅇㅅㅇ
개발자 도구 콘솔로 아스키 아트하기. 개발자 도구로 텍스트 RPG하기 하면 쓸만하지 않을까 ? ㅇㅅㅇ
아니면 페이지마다 숨겨진 보물지도를 넣어서 이벤트를 하는거징 ㅇㅅㅇ
오
오오오오
해당 댓글은 삭제되었습니다.