9. 14 Must Know Dev Tools Tricks

9. 14 Must Know Dev Tools Tricks

Javascript30은 바닐라 자바스크립트(Vanila Javascript)로 30일 동안 매일 한 개의 프로젝트를 만들며 기본기를 익히는 챌린지입니다. 이 챌린지를 수행하면서 새로 알게 된 내용을 정리합니다. 참고로 HTML, CSS 소스 코드는 생략될 수 있으니 필요하다면 여기에서 확인하시길 바랍니다.

목표

이번 문제는 console의 메소드들을 알아보는 것이라서 MDN의 console 내용을 보고 아래에 정리하는 것으로 넘어가겠다.

주요 문법 및 포인트

console의 메소드들

log() : 로그를 콘솔에 출력한다.

: 로그를 콘솔에 출력한다. warn() : 경고 메시지를 출력한다.

: 경고 메시지를 출력한다. error() : 에러 메시지를 출력한다.

: 에러 메시지를 출력한다. info() : info 메시지를 출력한다.

: info 메시지를 출력한다. assert(조건, 메시지) : 테스트를 위한 메소드이다. 해당 조건이 false일 때 메시지를 출력한다.

: 테스트를 위한 메소드이다. 해당 조건이 false일 때 메시지를 출력한다. clear() : 콘솔에 출력된 메시지들을 모두 지운다.

: 콘솔에 출력된 메시지들을 모두 지운다. dir() : 노드나 참조형 타입의 구조를 출력한다.

: 노드나 참조형 타입의 구조를 출력한다. group() : 그룹을 시작하고 출력 시에 펼쳐서 출력한다.

: 그룹을 시작하고 출력 시에 펼쳐서 출력한다. groupCollapsed() : 그룹을 시작하고 출력시 토글형태로 감춰서 출력한다.

: 그룹을 시작하고 출력시 토글형태로 감춰서 출력한다. groupEnd() : 그룹을 종료하고 출력을 시작한다.

: 그룹을 종료하고 출력을 시작한다. count() : 동일한 인자일 경우에 카운트를 세서 출력한다.

: 동일한 인자일 경우에 카운트를 세서 출력한다. time() : 타이머를 시작한다.

: 타이머를 시작한다. timeEnd() : 타이머를 종료하고 경과 시간을 출력한다.

: 타이머를 종료하고 경과 시간을 출력한다. table() : 튜플 구조의 데이터이면 테이블 형태로 출력한다.

from http://leo-xee.tistory.com/32 by ccl(A) rewrite - 2021-12-13 13:00:29