자바스크립트 코드를 디버깅할 때, console.log()는 매우 유용한 도구입니다. 이를 이용하여 변수의 값이나 특정 시점에서 코드의 흐름을 확인할 수 있습니다. 또한, 에러를 식별하고 잡는 데에도 도움이 됩니다.

코드에 console.log() 추가하기

에러를 추적하거나 코드의 특정 부분을 디버깅하기 위해, 해당 부분에 console.log()를 추가합니다. 아래는 예시 코드입니다.

function calculateTotalPrice(price, quantity) {
  console.log('price:', price);
  console.log('quantity:', quantity);
  
  if (typeof price !== 'number' || typeof quantity !== 'number') {
    console.log('Error: price and quantity must be numbers');
    return 'Error';
  }

  return price * quantity;
}

console.log(calculateTotalPrice(10, 5));

콘솔에서 로그 확인하기

웹 브라우저의 개발자 도구를 열고, 콘솔 탭을 확인하면 console.log()에 의해 출력된 값들을 확인할 수 있습니다.

결론

console.log()를 이용하면 코드의 동작을 추적하고 에러를 파악하는 데 큰 도움이 됩니다. 유용한 도구를 적극 활용하여 효율적인 코드 디버깅에 도움이 되길 바랍니다.

더 자세한 내용을 보고 싶으시다면 MDN web docs를 참고하시기 바랍니다.