debug.js
지금 보고 있는 영상
debug.js
조회수 6,494
영상 설명 · 눌러서 펼치기
'로그 = 살아있는 주석'
라이브러리에 문제가 있어서 한 달을 날렸습니다. 가만히 코드를 보니까 로그를 켤 수 있는 파라미터가 숨겨져 있네요!
로그가 평소라면 백색 소음 같은 것이겠지만, 지금은 진돗개를 넘어 데프콘 상황. 지푸라기 잡는 심정으로 코드와 대조하면서 한 줄 한 줄 해석해보았습니다. 덕분에 문제 해결.
이 좋은 걸 왜 안 했을까? 프로젝트에도 로깅을 도입하기로 했습니다.
제가 필요한 도구는 이랬습니다.
서버(Node.js)와 브라우저 모두 지원하고, 기능별로 로그를 켜고 끌 수 있어야 했습니다. debug.js가 이런 기능을 지원하더군요.
맘에 드는 점은, 쉽게 로그를 켜고 끌 수 있고, 기능별로 색상도 구분해줍니다. 또 로그와 로그 사이의 소요시간도 보여줍니다. 맘에 듭니다.
https://github.com/debug-js/debug
이런 말도 생각해봤습니다.
로깅 주도 개발.
로깅을 먼저 작성하고, 로깅에 해당하는 코드를 나중에 작성하는 식입니다.
기존의 레거시 코드는 ChatGPT에게 만들어달라고 하면 척척 만들어줍니다. 저는 이런 프롬프트를 사용했습니다.
'위 코드에 로깅 기능을 추가해줘. 일관된 메시지 형식을 유지해, 한글을 최대한 사용하되, 키워드는 영어를 그대로 사용해줘. 로깅 메시지에는 관련된 정보는 하나의 객체 안에 포함시켜 출력해줘. 로깅 외의 코드는 수정하지 말고 원본을 유지해줘. 화이팅! '
아직 안 하고 계셨다면 시작해보세요.
라이브러리에 문제가 있어서 한 달을 날렸습니다. 가만히 코드를 보니까 로그를 켤 수 있는 파라미터가 숨겨져 있네요!
로그가 평소라면 백색 소음 같은 것이겠지만, 지금은 진돗개를 넘어 데프콘 상황. 지푸라기 잡는 심정으로 코드와 대조하면서 한 줄 한 줄 해석해보았습니다. 덕분에 문제 해결.
이 좋은 걸 왜 안 했을까? 프로젝트에도 로깅을 도입하기로 했습니다.
제가 필요한 도구는 이랬습니다.
서버(Node.js)와 브라우저 모두 지원하고, 기능별로 로그를 켜고 끌 수 있어야 했습니다. debug.js가 이런 기능을 지원하더군요.
맘에 드는 점은, 쉽게 로그를 켜고 끌 수 있고, 기능별로 색상도 구분해줍니다. 또 로그와 로그 사이의 소요시간도 보여줍니다. 맘에 듭니다.
https://github.com/debug-js/debug
이런 말도 생각해봤습니다.
로깅 주도 개발.
로깅을 먼저 작성하고, 로깅에 해당하는 코드를 나중에 작성하는 식입니다.
기존의 레거시 코드는 ChatGPT에게 만들어달라고 하면 척척 만들어줍니다. 저는 이런 프롬프트를 사용했습니다.
'위 코드에 로깅 기능을 추가해줘. 일관된 메시지 형식을 유지해, 한글을 최대한 사용하되, 키워드는 영어를 그대로 사용해줘. 로깅 메시지에는 관련된 정보는 하나의 객체 안에 포함시켜 출력해줘. 로깅 외의 코드는 수정하지 말고 원본을 유지해줘. 화이팅! '
아직 안 하고 계셨다면 시작해보세요.