JetBrains - Storm 에서 크롬 디버깅 사용 / JetBrains IDE support

---

JetBrains IDE support  PHPStron , Webstorm 에서 크롬 디버깅 모드 사용 

---

최신버전 Storm 개발중 뜨는 안내 창

"JetBrains IDE support" 확장 프로그램을 소개합니다.

크롬의 console 기능을 스톰에서 사용할 수 있게 해주는 기능입니다. 

▼해당 링크를 클릭하면 

▼혹은 아래 URL을 접속하면은 해당 크롬 확장 프로그램을 설치 할 수 있습니다.

https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?utm_source=chrome-ntp-icon

▼Storm에서 마우스 오른쪽 버튼을 눌러 해당 Debug 모드를 누르면 

▼혹은 크롬에서 해당 버튼을 누르면 

▼크롬창에서는 해당과 같은 메세지가 뜹니다.

▼바로 이 콘솔창에 있는 기능들을  

▼Storm에서 사용할수 있습니다. 브라우저와 IDE를 이동하지 않고 한자리에서 쉽게 디버깅이 가능합니다.

스톰에서 아래처럼 콘솔로그를 기록해보았습니다. 

▼크롬에서 해당 메세지가 보이네요.

반대로 크롬에서 콘솔로그를 찍으면 스톰에서 보이겠죠.

▼그리고 소스 디버깅 모드를 사용하면 해당처럼 디버깅 시작점을

찍고 새로고침을 하면

▼해당처럼 크롬 디버그 모드가 시작되겠죠.

▼스톰에서도 해당 디버그 모드가 실행되면서 라인의 소스라인의 하일라이트가 그려집니다.

디버그로 한줄 한줄 읽어가면서 수정하기 편할거 같습니다.

▼반대로 스톰에서 해당 버튼을 통해 디버그 라인을 이동시킬 수 있습니다. 

해당 기능은 프론트 엔드 개발자에게 큰 도움이 될거라 생각이 듭니다.

▼그리고 변수에 담긴 데이터등 스톰에서도 그대로 디버그 정보들을 확인 가능합니다.