1
브라우저 개발자 도구를 이용한 디버깅
프론트엔드 애플리케이션을 개발할 때는 웹 브라우저가 제공하는 개발자 도구로 DOM, 네트워크 요청, 콘솔 오류, 중단점을 함께 확인합니다.
디버깅(Debugging)
2
VS Code를 이용한 디버깅 (Node.js/React)
VS Code launch 설정을 쓰면 Node.js 프로세스와 React 개발 서버에 중단점을 연결할 수 있습니다.
디버깅
3
로깅(Logging)을 이용한 디버깅
로그는 특정 지점의 입력, 분기, 반환값을 남겨 재현이 어려운 흐름을 좁히지만, 민감 정보와 과도한 출력은 배포 전에 제거해야 합니다.
원본 소스 코드 매핑 (Source Maps)