[javascript] console.log()를 사용한 디버깅 기법
웹 개발에서 JavaScript를 사용하다 보면 코드에서 발생하는 문제를 식별하고 해결하는 것이 중요합니다. 이때, console.log()는 매우 유용한 도구입니다. 이 기술 블로그에서는 console.log()를 사용한 디버깅에 대해 설명하겠습니다.
1. 값 출력하기
가장 기본적인 사용법은 값이 올바르게 할당되었는지 확인하기 위해 console.log()를 사용하는 것입니다.
예시:
let name = "John";
console.log(name); // "John"이 출력됨
2. 객체 및 배열 디버깅
객체나 배열을 다뤄야 할 때, console.log()를 사용하여 해당 데이터를 출력할 수 있습니다.
예시:
let person = {name: "John", age: 30};
console.log(person); // {name: "John", age: 30}이 출력됨
let numbers = [1, 2, 3, 4, 5];
console.log(numbers); // [1, 2, 3, 4, 5]가 출력됨
3. 코드 실행 시간 측정
특정 코드 블록이 실행되는 데 걸리는 시간을 확인할 수 있습니다.
예시:
console.time('loop');
for (let i = 0; i < 1000000; i++) {
// some code
}
console.timeEnd('loop'); // "loop: 15.243ms"와 같이 시간이 출력됨
위 예제에서 ‘loop’라는 라벨을 사용하여 시간을 측정하고, console.timeEnd()로 해당 시간을 출력합니다.
console.log()는 코드 디버깅에 있어 매우 유용한 도구입니다. 이 기술을 익힘으로써 더 나은 코드를 작성하고 빠르게 문제를 해결할 수 있을 것입니다.
더 많은 정보를 확인하려면 MDN 웹 문서를 참조해보세요.