console.log를 넘어서 디버깅에 사용한 적이 없는 콘솔 기능을 익히십시오!
콘솔 API
모든 JavaScript 개발자는 console.log(‘text’)를 사용했습니다. 콘솔 모듈은 JavaScript에서 가장 일반적인 유틸리티 중 하나이며 API는 Node에서 구현됩니다.
웹 브라우저에서 제공하는 JavaScript 콘솔 메커니즘과 유사한 간단한 디버깅 콘솔을 제공합니다.
이것은 콘솔 모듈의 Node.js 문서 페이지에 작성된 정의입니다?. 그러나 초보자는 새로운 기술로 시작하는 동안 설명서를 읽는 대신 온라인 자습서를 참조하기 쉬우므로 이 새로운 도구를 잠재력의 100 %까지 올바르게 사용하는 방법을 배울 기회가 없습니다.
콘솔 API에 대해 이야기 할 때 초보자는 일반적으로 응용 프로그램을 디버깅 하기 위해 ?console.log(), ⚠️ console.warn() 또는 ❌ console.error()와 같은 일부 기능 만 사용하지만 종종 완벽하게 수행 할 수 있는 다른 많은 방법이 있습니다 요구 사항을 구현하고 디버깅 효율성을 향상 시킵니다.
이 기사는 Codeworks에서 가르치는 동안 사용하는 관련 예제와 함께 가장 흥미로운 콘솔 방법 중 일부를 보여줍니다. 콘솔 모듈에서 8 가지 최고의 기능 목록을 보자!
글로벌 인스턴스 콘솔에서 다음 방법을 모두 사용할 수 있으므로 콘솔 모듈이 필요하지 않습니다.
1) console.assert ✅
console.assert 함수는 전달 된 인수가 참 또는 거짓 값인지 테스트하는 데 사용됩니다. 전달 된 값이 false 인 경우 함수는 첫 번째 인수 이후에 전달 된 추가 인수를 기록합니다. 그렇지 않으면 코드 실행이 로그없이 진행됩니다.
assert 메소드는 콘솔을 깨끗하게 유지하면서 값의 존재를 점검 할 때마다 특히 유용합니다 (긴 특성 목록 로깅 등을 피하십시오).
2) console.count 및 console.countReset ?
이 두 가지 방법은 특정 문자열이 콘솔에 몇 번 기록되는지 카운터를 설정하고 지우는 데 사용됩니다.
3) console.group and console.groupEnd ?
.group 및 .groupEnd는 콘솔에서 로그 그룹을 작성하고 종료합니다. .group()의 첫 번째 인수로 레이블을 전달하여 관련된 내용을 설명 할 수 있습니다.
4) console.table ?
이 특정 방법은 사람에게 친숙한 테이블에서 객체 또는 배열 내용을 설명하는 데 매우 유용합니다.
console.table을 사용하면 중첩되고 복잡한 배열 / 객체를 쉽게 검사하고 로깅 할 수 있습니다.
5) console.time and console.timeEnd ⏱
실행 시간에 코드 성능을 확인하고 해결하려는 경우 Date API로 시작 타임 스탬프를 생성하고 코드 실행 후 차이를 계산하는 데 사용합니까? 이 같은:
time 및 timeEnd 함수를 사용하면 이 트릭을 수행 할 필요가 없습니다. 다음을 수행하여 간단하게 타이밍 보고서를 작성할 수 있습니다.
요약
단 3 분만에 콘솔 API에서 사용할 수 있는 훌륭한 도구 중 더 넓은 범위를 갖게 되었습니다. 디버깅 습관과 통합하면 개발 속도가 기하급수적으로 증가합니다!
등록된 댓글이 없습니다.