[JavaScript] console 메서드 10가지

 

안녕하세요. 혀코입니다.

console.log를 코드 테스팅을 할때 자주 사용하는데요. log 메서드 외에 더욱 효과적으로 출력을 하게 도와주는 여러가지 메서드가 있습니다.

그래서 이번 시간에는 console의 메서드 10가지에 대해서 알아보겠습니다.

 

1. console.log()
2. console.dir()
3. console.count()
4. console.trace()
5. console.assert()
6. console.table()
7. console.group()
8. console.time()
9. console.warn()
10. console.error()

 

1. console.log()

console.log()는 제일 많이 사용하는 메서드 입니다. JavaScript를 배울 때 Hello World를 찍어보면서 사용해 보는 거라 다들 아실 겁니다. 일반적으로 console에 여러 가지 자료형을 포함한 텍스트를 출력할 때 사용합니다.

 

 

2. console.dir()

console.dir() 메서드는 parameter로 object를 받으며, 해당 object의 속성과 값들을 확인하기 위해 사용합니다.

 

 

3. console.count()

console.count() 메서드는 특정 변수에 대한 함수가 몇번 호출이 되는지 카운트하는 메서드입니다.

1부터 카운트 됩니다

console.count와 관련해서 console.countRest() 메서드가 있습니다.

console.countReset() 메서드는 console.count() 의 값을 리셋해 주는 기능을 합니다.

 

4. console.trace()

console.trace() 메서드는 어느 함수를 실행했는지 내역도 함께 출력해줍니다. 디버깅할 때 아주 유용합니다.

 

5. console.assert()

console.assert() 메서드는 parameter로 두개의 값을 받습니다. 첫번째는 조건 식, 두번째는 출력할 문자 또는 object를 받습니다.

첫번째 조건 식이 false일 경우 두번째 parameter 문자를 출력하게됩니다.

 

6. console.table()

console.table() 메서드는 object의 배열을 보기쉽게 table 형태로 출력해 줍니다.

 

7. console.group()

console.group() 메서드는 console.log() 출력을 그룹화해서 상위 하위 개념으로 출력할 수 있습니다.

관련해서 console.groupEnd()는 group 의 종료를 알려줘서 어디서 group이 끝나는지 알 수 있습니다..

 

8. console.time()

console.time() 메서드는 시간이 얼마나 걸리는지 확인해 주는 메서드 입니다.

동시에 10000개 정도의 타이머를 한 페이지에서 운영할 수 있다고 합니다. console.time(msg)는 타이머의 시작을 알려주고 console.timeLog(msg)는 시작부터 현재 로그가 출력되는 시점의 시간의 출력해 주며, console.timeEnd(msg)는 타이머를 종료해 줍니다. 

 

9. console.warn()

console.warn() 메서드는 경고 메시지를 표시할 때 사용합니다.

 

10. console.error()

console.error() 메서드는 에러 메시지를 표시할 때 사용합니다.

 

 

이렇게 console 메서드 10가지에 대해서 알아봤습니다.

console.log 대신에 여러가지 다른 방법으로 사용해봐도 좋을 것 같네요. ^^

해당 정보가 유용하셨다면, 공감과 구독 부탁 드립니다.

감사합니다. :)