[TIL, JS] console 콘솔, 콘솔, 콘솔

devdevedddddd·2021년 6월 7일
0

6월의 배움

목록 보기
5/13

코드를 가다듬으며 테스팅을 하다가,

try ... catch 문의 에러 메시지를 눈에 확띄게 하고 싶었다.

console.log 색상 변경

    console.log(
      "%c%s",
      "color: red; background: yellow; font-size: 15px;",
      "<limitDigit Error>"
    );

이렇게 써주면

짠!

어그로 잘 끌리는 콘솔이 되었다.

console.error()

에러 콘솔 (빨강이)

console.warn()

경고 콘솔 (노랑이)

console.assert(조건, 출력문)

첫 번째 파라미터의 조건문이 참이 아닐 경우만 출력문이 출력된다.
유용하게 쓰일 것 같다!

iterable 오브젝트에 console.table() 사용

객체를 테이블로 출력

등등의 옵션도 있다.

console.time(), console.timeEnd()

걸리는 시간을 측정할 수 있다.

console.count(), console.countReset()

횟수 카운팅

console.trace()

어디서 호출되었는지 추적

console.log 에 이모지를 넣어도 될까?

귀엽게 에러메시지를 띄우기 위해 이모지를 넣어볼까도 했는데,

어떤 문제가 발생할지 몰라서 일단은 넣지 않았다.

크롬으로 테스트 해보니 되긴 되던데.

이건 검색해봐도 속 시원하게 나오는 게 없다.

서비스 개발과 같은 부분에서는 조심 또 조심하는게 맞으니

일단은 보류해야 겠다.

profile
노력과 성장을 기록합니다.

0개의 댓글