console.log 하나로 디버깅 비용을 줄이는 방법

태양씨는 처음 자바스크립트를 배울 때 오류가 날 때마다 유료 IDE의 디버거를 써야 한다고 생각했습니다. 하지만 실제로는 console.log 몇 줄이 대부분의 문제를 해결해줬습니다.

console.table은 잘 알려지지 않은 기능이다

배열이나 객체를 출력할 때 console.log 대신 console.table을 쓰면 표 형태로 데이터를 볼 수 있습니다. 복잡한 데이터 구조를 한눈에 파악할 때 유용합니다.

console.time으로 성능도 측정한다

console.time과 console.timeEnd를 코드 앞뒤에 넣으면 실행 시간을 밀리초 단위로 측정할 수 있습니다. 별도 프로파일링 툴 없이도 병목 지점을 찾을 수 있습니다.

자주 쓰는 콘솔 명령어

1. console.log - 기본 출력
2. console.error - 오류 강조 출력
3. console.table - 배열 및 객체 시각화
4. console.time - 실행 시간 측정

이 네 가지만 익숙해져도 유료 디버깅 툴 없이 일상적인 오류의 대부분을 처리할 수 있습니다. 단, 배포 전에는 콘솔 출력을 정리하는 습관도 함께 들여야 합니다.