[Debugger]_DevTools

개발속도를 도와주는 개발자도구와 디버거 페이지를 개발하면서 원하는 동작이 아니라 생뚱맞은 결과나 작동을 안하는 경우가 많습니다. 이럴 경우 log나 alert를 찍어보면서 해당 값이 잘못되었는지 전달이 안되는지 확인 할 수도 있지만. 빠르고 쉽게 확인하는 방법은 debugger; 를 사용하면 됩니다. 또한 코드에 debugger; 를 삽입하는 방법 외에도 DevTools를 이용해서 (Ctrl + shift + i) 에서 콘솔을 찍거나 typeof, instanceof 등을 이용할 수도 있습니다. 간단한 예시입니다 위의 코드는 버튼을 클릭했을 때 이벤트안에 debugger를 넣은 것입니다. 웹이 실행되고 해당 debugger;이 실행되는 순간을 만나는 즉시 다음과 같은 창이 됩니다. 버튼을 클릭하니 바로 ..

2022.01.03