디버그 근거 선택

버그 단서는 타입, 실행 위치, 런타임 상태로 나눠 찾는다

먼저 재현 조건을 고정한 뒤 컴파일러, 소스맵, 브라우저 패널 중 가장 가까운 증거를 선택합니다.

1 type

컴파일러 오류부터 읽기

속성명, null 가능성, 제네릭 추론 오류는 런타임 전에 고칠 수 있는 신호입니다.

2 source

빌드된 JS가 아니라 `.ts`와 `.tsx` 줄에서 중단점을 걸어 상태를 확인합니다.

3 runtime

Scope, Watch, Network 탭으로 화면 상태와 API 응답이 언제 어긋나는지 봅니다.

Sources중단점과 호출 스택

Console현재 스코프에서 즉시 확인

Network요청, 응답, 캐시 상태

tsc타입 계약 위반 위치