웹 개발을 하다 보면 코드가 실행될 때 어떤 조건문 분기를 타고 있는지 파악해야 하는 경우가 있습니다. JavaScript에서는 console.log()를 이용하여 코드 실행 중에 로그를 찍을 수 있습니다. 이를 이용하여 조건문 분기를 추적하는 방법을 알아보겠습니다.

1. 기본적인 console.log() 활용

가장 기본적인 방법은 각 조건문의 시작 부분에 console.log()를 추가하여 해당 조건이 실행되는지 확인하는 것입니다.

if (condition1) {
  console.log('Condition 1 is true');
  // 조건1이 true인 경우 실행되는 코드
} else if (condition2) {
  console.log('Condition 2 is true');
  // 조건2가 true인 경우 실행되는 코드
} else {
  console.log('All conditions are false');
  // 모든 조건이 false인 경우 실행되는 코드
}

위의 예제에서는 각 조건문의 시작 부분에 해당 조건이 실행되었는지를 로깅하는 console.log()를 추가했습니다.

2. 삼항 연산자와 함께 활용

삼항 연산자를 이용하여 각 조건문의 실행 여부를 로깅할 수도 있습니다.

condition1 ? console.log('Condition 1 is true') : console.log('Condition 1 is false');
condition2 ? console.log('Condition 2 is true') : console.log('Condition 2 is false');

3. console.trace() 활용

때때로 코드가 어떻게 실행되었는지 상세하게 파악해야 할 때가 있습니다. 이때는 console.trace()를 이용하여 현재의 호출 스택을 출력할 수 있습니다.

function func1() {
  func2();
}

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

func1();

위의 예제에서는 func1()이 func2()를 호출하고, func2()에서 console.trace()를 호출하여 호출 스택을 출력하도록 하였습니다.

console.log()와 console.trace()를 적절히 활용하여 코드 실행 중에 조건문 분기를 추적하면 디버깅과 코드 이해가 더 수월해질 것입니다.

참고 자료

• MDN Web Docs: console