< 콘솔 로그 제대로 쓰고 있을까? 🤔 > | 커리어리

< 콘솔 로그 제대로 쓰고 있을까? 🤔 > 자바스크립트로 콘솔로그를 100% 활용하는 방법 소개해주는 영상입니다. 저는 console.log나 console.error를 주로 썼습니다. 두 로그의 차이가 그저 브라우저에서 빨간색으로 나오느냐 검정으로 나오느냐로 단순하게 생각했는데, 프로덕션과 개발 단계를 구분해서 처리를 해주기 위한 이유가 있다는 것을 알게 되었습니다. 그리고 console.dir에서 객체의 프로퍼티와 메서드를 toggle로 볼 수 있다는 장점 외에도 옵션으로 얼마나 디테일하게 객체를 표현할 건지, 특정 프로퍼티를 끌 수 있는 등 몰랐던 팁도 얻었습니다. 여러분은 콘솔로그를 얼마나 잘 사용하는 지 궁금하네요:) [ 요약 ] ​ ♦︎ 레벨별 로그 출력(log, info, warn, error) - 심각성에 따라 다른 로그를 사용해야 하는 까닭? log, info 는 배포때 출력이나 로그 파일에 남기지 않고 로그 서비스를 이용한다면 네트워크 요청이 발생하지 않도록 설정할 수 있고 warn, error일 때만 특별한 동작을 하도록 분리할 수 있기 때문 - console.log : 개발 단계에서 부수적인 데이터 출력할 때 사용. 출력은 성능에 영향을 주기 때문에 배포하기 전에 왠만하면 다 지울 것 - console.info : 특정 정보를 출력할 때 사용. 배포 전에서 지울 것 - console.warn : 신경을 써야하는 경보 - console.error : 심각한 에러 (예상하지 못한 에러, 시스템 에러) ♦︎ console.assert - 특정한 조건이 거짓일 때만 출력 ♦︎ print object - console.table : 표 형식으로 출력해서 object를 가독성있게 볼 수 있음 - console.dir : 옵션으로 object의 출력 디테일(depth)과 특정 속성 감추기(false)가 가능함 ♦︎ measuring time - 작성한 코드 수행하는 데 걸린 시간 측정 - 측정할 코드를 console.time과 console.timeEnd 사이에 작성 ♦︎ counting - 특정 함수가 몇 번 호출되었는 지 알 수 있음 - count 변수를 수동적으로 추가해서 카운트하는 대신 함수 내에 console.count 사용하면 간편하게 확인할 수 있음 - console.countReset으로 초기화 ♦︎ console.trace - 함수가 어디에 호출되었는 지 알 수 있음 - 이벤트 리스너나 비동기 작업에서 유용하게 사용할 수 있음

콘솔 로그 제대로 쓰고 있을까? 🤔

YouTube

2021년 7월 28일 오후 2:50

댓글 0

주간 인기 TOP 10

지난주 커리어리에서 인기 있던 게시물이에요!

더 많은 인사이트를 둘러보세요!