디버그 루프

타입스크립트 디버깅 루프

디버깅은 증상 확인, 재현, 가설, 관찰, 수정 검증을 짧게 반복할수록 빠르게 수렴한다.

reproduce

재현 조건

브라우저, 입력값, 환경 변수, 빌드 모드를 기록해 같은 문제를 다시 만든다.

source map

소스맵 확인

TS 코드 위치와 런타임 스택이 이어지는지 먼저 확인한다.

inspect

관찰 지점

breakpoint, watch, structured log로 상태 변화를 좁혀 본다.

계약

타입 에러 활용

컴파일러 메시지를 런타임 가설과 연결해 잘못된 계약을 찾는다.

재현 단위 축소

디버깅의 속도는 도구 수보다 재현 가능한 작은 단위로 문제를 자르는 능력에서 나온다.