1. 콘솔창을 꾸미는 이유
facebook 페이지에 들어가 개발자도구를 열어보면 왼쪽과 같은 경고창이 뜬다. 경고창 말고도 채용 공고나 쿠폰 번호가 뜨기도 한다. 이렇게 어떠한 정보를 알리기 위해 콘솔창을 꾸미기도 하지만 테스트를 위해 콘솔창을 꾸미기도 한다.
2. 간단한 테스트
아래와 같이 콘솔창에서 간단한 테스트를 해볼 수 있다. CSS 스타일로 컬러나 크기, 위치 등을 꾸밀 수 있다. 아래와 같이 꾸미고 싶은 텍스트는 %c로 시작해야 한다.
한꺼번에 여러 텍스트를 꾸미고 싶다면 아래와 같은 코드로 입력할 수 있다.
3. 더 꾸미기
이모지나 아래와 같은 사이트를 이용하여 콘솔을 더 화려하게 꾸밀 수 있다. 이미지를 텍스트 아트로 변환시킨다던지, 텍스트를 아스키코드로 바꿔주는 작업을 할 수 있다.
- 아스키아트
- 이미지를 텍스트 아트로 변환
- 이모지를 이용한 표현
mac 단축키는
control + command + space, window 단축키는 window키 + .이다. 애러를 표시하는 용도나 수정 요청 사항들을 표시하는 용도로 사용해도 좋다.
- 마지막으로 console은 console.log만 있는 것이 아니라 table, dir, error, info, time, warn 등에 API를 가지고 있다. console.log만 사용하고 있다면 아래 문서를 확인해서 한 번 사용해보길 권고한다.
