1
브라우저 개발자 도구를 이용한 디버깅
프론트엔드 애플리케이션을 개발할 때는 웹 브라우저가 제공하는 개발자 도구가 가장 강력한 디버깅 도구입니다.
디버깅(Debugging)이전 절들에서는 Jest를 사용한 단위 테스트와 Cypress를 사용한 E2E 테스트를 통해 코드의 정확성을 검증하는 방법을 알아보았습니다. 하지만 아무리 철저하게 테스트를 작성하더라도, 애플리케이션 개발 과정에서는 예상치 못한 버그나 로직 오류가 발생하기 마련입니다.
Sources 탭 활용와 Node.js 애플리케이션 디버깅를 중심으로 타입스크립트 디버깅 기법의 판단 흐름을 읽습니다.
프론트엔드 애플리케이션을 개발할 때는 웹 브라우저가 제공하는 개발자 도구가 가장 강력한 디버깅 도구입니다.
디버깅(Debugging)VS Code는 Node.js 애플리케이션 및 React 애플리케이션을 위한 강력한 디버깅 환경을 내장하고 있습니다.
디버깅가장 기본적인 디버깅 기법은 console.log()와 같은 로깅 명령어를 사용하여 프로그램의 상태나 변수 값을 출력해보는 것입니다.
원본 소스 코드 매핑 (Source Maps)