JavaScript에서 디버깅하는 과정에서 console.log()는 매우 유용한 도구입니다. 하지만 때로는 스크립트가 어떻게 동작하는지 특정 시점에서 스택 추적을 하고 싶을 수 있습니다. 이 글에서는 이를 위해 console.trace()와 함께 console.log()를 사용하여 스택 추적을 하는 방법에 대해 알아보겠습니다.

console.trace() 메서드 사용하기

console.trace() 메서드는 현재 실행 중인 위치에서의 스택 트레이스를 출력합니다. 이를 이용하여 코드의 특정 부분에서의 함수 호출 경로를 추적할 수 있습니다.

예를 들어, 다음과 같은 코드가 있다고 가정해봅시다.

function firstFunction() {
  secondFunction();
}

function secondFunction() {
  console.trace();
}

firstFunction();

위의 코드를 실행하면 console.trace()가 호출된 시점에서의 스택 트레이스가 출력됩니다. 이를 통해 함수가 어떻게 호출되었는지를 추적할 수 있습니다.

console.log()와 console.trace()를 함께 사용하기

때로는 console.log()로 변수나 메시지를 출력하면서 동시에 스택 추적을 하고 싶을 수 있습니다. 이럴 때는 다음과 같이 console.log()와 console.trace()를 함께 사용할 수 있습니다.

function exampleFunction() {
  let message = "This is an example";
  console.log("Message: ", message);
  console.trace();
}

exampleFunction();

위의 코드를 실행하면, “Message: This is an example”라는 메시지가 출력되면서 동시에 해당 시점에서의 스택 트레이스가 출력됩니다.

이를 통해 console.log()와 console.trace()를 함께 사용하여 스택 추적을 할 수 있습니다.

결론

JavaScript에서 console.log()와 console.trace()를 함께 사용하여 스택 추적을 할 수 있습니다. 이를 통해 코드의 특정 시점에서의 함수 호출 경로를 추적하고 디버깅하는 과정을 보다 수월하게 할 수 있습니다.