Claude Code의 Monitor 도구가 개발 서버 로그를 AI 기반 자동 수정으로 연결합니다

Claude Code의 Monitor 도구는 개발 서버의 로그 출력을 실시간 디버깅 파트너로 바꿔줍니다. 로그를 수동으로 스캔하거나 오류를 복사해서 붙여넣는 대신, 백그라운드 작업과 로그 모니터를 설정하기만 하면 Claude가 오류를 관찰하고, 읽고, 코드를 수정하고, 변경 사항을 자동으로 커밋합니다.

두 단계 설정

출처: “설정은 두 단계입니다”.

• 프로젝트를 백그라운드 작업으로 실행하세요. Claude에게 pnpm dev를 백그라운드 셸에서 실행하도록 요청하세요. Claude가 개발 서버를 시작하고, 로그 파일 경로를 반환하며, 셸을 계속 실행 상태로 유지합니다.
• 로그를 모니터링하세요. Claude에게 개발 서버 로그에서 오류와 파이프라인 이벤트를 모니터링하도록 요청하세요. Claude가 Monitor 도구를 로그 파일에 지정하고, 스마트 grep 필터와 함께 tail -F를 설정한 후 활성화합니다. 중요한 로그 줄은 모두 알림으로 Claude에게 전송됩니다.

그게 전부입니다. 그런 다음 평소처럼 앱을 테스트하세요. 클릭하고, 흐름을 작동시켜 보세요. Claude는 백그라운드에서 로그를 관찰합니다. 스택 트레이스, 500 오류, 스키마 거부 또는 DB 제약 조건 위반이 발생하면 Claude는:

• 오류를 읽고
• 오류를 발생시킨 파일을 찾아
• 수정 코드를 작성하고
• 커밋합니다
• HMR이 리로드되면서 앱이 수정된 상태로 계속 실행됩니다

복사-붙여넣기가 필요 없습니다. 책상에 있을 필요조차 없습니다.

실제 예: 30분 테스트 실행에서 4개의 수정

저자는 실행당 약 30분이 소요되는 다단계 파이프라인을 테스트했습니다. UI를 클릭하는 동안 Claude가 4개의 수정을 제공했으며, 그중에는 다음이 포함됩니다:

• 컨텍스트 모양이 잘못되어 undefined.from()을 호출한 tRPC 핸들러
• upsert여야 하는데 고유 제약 조건에서 실패한 DB INSERT
• 조용히 무시되고 있던 LLM 응답의 스키마 검증 오류
• 경쟁 조건 때문에 첫 번째 클릭에서 작동하지 않은 버튼

참고: “이 중 일부는 UI를 보면서는 절대 눈치채지 못했을 것입니다. 서버 로그에 묻혀 있는 조용한 실패였습니다.”