웹 개발자 console.log 제대로 사용하기

console.log()

ex) console.log("success")

그 때 마다 로그를 남겨 바로 확인을 할 수 있다. 하지만 물론 이것도 출력이기 때문에 배포시에는 주석처리를 하거나, 제거를 하는것이 좋다.

console.log 로 여러개를 찍는 경우 깔끔하게 보이게 하는 방법

위와 아래의 console.log 를 비교하면 console.log(A, B)하는 방법과 달리, console.log({A, B}) 를 할 때에는 객체를 구분하여 로그를 찍어준다. 이렇게 하는 방법이 헷갈리지 않게 잘 찍을 수 있는 방법이라고 생각된다. 가능한 모든 실수를 최소화하는 것이 최적화된 개발이라 생각한다

console.table()

ex) console.table(찍으려는 Object)

console.table의 결과물

한 번에 효과적으로 볼 수 있다. 객체를 뽑아볼 때에는 이 방법을 더 선호한다.

console.error()

ex) 함수.then((result) => {

      console.log(result)

})

.catch((err) => {

       console.error(err);

})

 

.catch를 하여 오류가 날 시 이 부분으로 넘어오고, 그 때에는 console.error을 사용하여 에러 메세지를 효과적으로 보여준다