이전 강좌에서 console.log() 함수를 통해서 디버깅 메세지를 보여주는 방법을

알아 보았죠?

그런데 

아무래도 디버깅 창을 따로 띄우고 하는 것이 아무래도 좋지 않겠습니다. 

나중에 프로그램에서 자동으로 띄우는 방법도 알려 드리겠지만

원격으로 디버깅이 가능한 것이 더욱 좋을 겁니다. 

원격 디버깅은 크롬 브라우저를 사용합니다.

이전 강좌에서 사용했던 것을 그대로 이용하고 

이번에는 단순히 크롬 브라우저를 이용하는 것만 배우면 됩니다. 

node-webkit 프로그램을 띄울때 우리는 해당 폴더에서 

nw
명령만을 사용해서 실행했습니다. 

귀찮지만 여기에 원격 디버깅을 하기 위해서는 

조금 긴 명령을 쳐야 합니다. 

이때 포트 번호를 하나 선정해야 하는데..

node-webkit 문서에서 선정한 포트를 우리도 쓰죠 ^^;

다음과 같이 프로그램을 실행합니다. 

nw --remote-debugging-port=9222

여기서 9222 가 포트 번호 입니다. 

이 번호가 싫다면 여러분이 좋아 하는 적당한 포트 번호를 사용합니다. 
P001_원격 디버깅 프로그램 실행.png
[그림 P001_원격 디버깅 프로그램 실행.png]
그리고 나서 크롬 브라우저를 띄웁니다. 

URL 창에 다음과 같이 써 넣습니다.

http://localhost:9222/
그러면 다음과 같이 원격 디버깅 대상 목록이 나오게 됩니다. 
P002_크롬 devtools 대상 선택화면.png
[그림 P002_크롬 devtools 대상 선택화면.png]

여기서 같은 컴퓨터 안에서 실험하기 때문에 localhost 를 지정하지만

만약 다른 컴퓨터에서 통신이 되는 네트워크라면 해당 IP 를 써 넣어도 됩니다. 

아..

저는 실험 안해 봤습니다. 그럴것이라는 추측( 퍽~~ 죄송 ^^; )

이제 화면상에서 초 간단 디버그를 클릭하면

console 메세지가 나올 겁니다. 
P003_크롬 devtools 디버깅 화면.png
[그림 P003_크롬 devtools 디버깅 화면.png]

디버깅 참 쉽죠?

이 게시물을...