Kyurasi

kyurasi.com/@junmannn_yoon

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

console.log() ex) console.log("success") 그 때 마다 로그를 남겨 바로 확인을 할 수 있다. 하지만 물론 이것도 출력이기 때문에 배포시에는 주석처리를 하거나, 제거를 하는것이 좋다. console.log 로 여러개를 찍는 경우 깔끔하게 보이게 하는 방법 console.table() ex) console.table(찍으려는 Object) 한 번에 효과적으로 볼 수 있다. 객체를 뽑아볼 때에는 이 방법을 더 선호한다. console.error() ex) 함수.then((result) => { console.log(result) }) .catch((err) => { console.error(err); }) .catch를 하여 오류가 날 시 이 부분으로 넘어오고, 그 때에는 co..

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

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

📅
junmannnyoonjunmannnyoon
24
#console log 제대로 사용하기#console.error#console.log#console.table#제대로 사용하기#콘솔 로그#콘솔 로그 활용#콘솔로그
💡이 글의 요약

console.log() ex) console.log("success") 그 때 마다 로그를 남겨 바로 확인을 할 수 있다. 하지만 물론 이것도 출력이기 때문에 배포시에는 주석처리를 하거나, 제거를 하는것이 좋다. console.log 로 여러개를 찍는 경우 깔끔하게 보이게 하는 방법 console.table() ex) console.table(찍으려는 Object) 한 번에 효과적으로 볼 수 있다. 객체를 뽑아볼 때에는 이 방법을 더 선호한다. console.error() ex) 함수.then((result) => { console.log(result) }) .catch((err) => { console.error(err); }) .catch를 하여 오류가 날 시 이 부분으로 넘어오고, 그 때에는 co..

console.log()

ex) console.log("success")

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

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

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

console.table()

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

console.table의 결과물
console.table의 결과물

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

console.error()

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

      console.log(result)

})

.catch((err) => {

       console.error(err);

})

 

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

 

 

 

마지막 수정: 2021. 9. 9.