Javascript debugger (1) - 브라우저를 코딩 에디터로 사용하기

👉 브라우저를 코딩 에디터로 사용하는 방법을 설명한다.

 우선 내 컴퓨터에 폴더를 만들어준다.

 

 

개발자 모드를 킨 후에 Source 탭으로 들어가서 폴더 드롭하여 추가해준다.

'완전한 엑세스를 요청합니다. ' 라는 문구가 보이면 승인 버튼을 눌러줘야 수정을 할 수 있다.

오른쪽에 보면 web 폴더가 추가 되었고 

해당 폴더 아래에 test.html 파일을 추가해주었다. 

이제 수정이 가능하다. script 태그를 추가해서 JS 테스트를 해보았다. 그리고 수정을 하면 test.html 왼쪽에 * 이 표시가 생긴다.

 

👉 VS Code 에서도 수정할 수 있지만

Node 보다는 브라우저에서 테스트 하는 것이 더 편하고 Scope 나 Closure, Call Stack 등 확인 할 수 있어서 더 편리하다.

 

 

출처: 브라우저를 코딩에디터로 사용하기-생활코딩