2024-10-23

console.dir도 활용해보기

출근길에 본 재밌는 잡기술을 알게 되어 기록해본다.


보통 디버깅할 때 콘솔을 굉장히 많이 찍어본다.

간혹 뎁스가 깊은 데이터의 경우 콘솔에 [Object] 로 나와서 사소한 불편함을 느끼곤 했다.

이때 console.dir를 활용해볼 수 있다.

const obj = {
  a: {
    b: {
      c: {
        d: {
          e: 100000000,
        },
      },
    },
  },
}


console.log(obj) // { a: { b: { c: [Object] } } }


console.dir(obj, {
  depth: Infinity, // 데이터의 depth
  colors: true, // 콘솔 색상
  numericSeparator: true, // 숫자 가독성(_ 추가)
})

console.dir 예시

참고 문서