JS] debugger; 알아보기

크롬 개발자 툴에서 좋은 기능을 가지고 있다.

함수 단계별로 어떤 일이 벌어지는지 알 수있다. 

 

콘솔에서 debugger;를 쓰고 shift + enter를 눌러서  다음 줄로 내리고 

함수를 불러본다. 

 

 

그럼 source 창으로 넘어가서 아래와 같은 내용이 나온다. 

 

 

새 창 열리면서 자세히 설명

f = function 

calculater함수 바디에 놓고 또 아래화살표 누른다.

 

 

새창이 열리면서 바디 안에는 무슨 일이 일어나는지 설명이 되고 있다.