Debug JavaScript in Chrome

크롬 브라우저의 DevTools에서 JavaScript 문제를 디버깅하기 위한 기본 WorkFlow를 설명합니다. Step 1: Reproduce the bug 버그를 일관되게 재현하는 일련의 작업을 찾는 것은 항상 디버깅의 첫 번째 단계입니다. 1. 데모페이지를 위해 아래 링크를 누르십시오. 링크가 새 탭에서 열립니다. Open Demo 2. Number 1 에 5 를 입력하세요. 3. Number 2 에 1 을 입력하세요. 4. Add Number 1 and Number 2 버튼을 클릭하세요. 결과가 6이어야 하지만 51이 나옵니다. 이것이 우리가 디버그 해야할 점입니다. Step 2: Get familiar with the Sources panel UI DevTools는 CSS 변경, 페이지 로드 ..