React Native 디버깅 하기

React Native 디버깅은 크롬 개발자도구를 활용한 디버깅이 가능하다.

에뮬레이터에서 Ctrl + M 을 누르면 아래와 같은 개발자 메뉴가 오픈된다.

개발자 메뉴에서 "Debug JS Remotely" 메뉴를 선택하면 에뮬레이터 아래에 노란줄이 생기며 "크롬 새탭이 " 생성된다고 한다.

무슨 이유인지 나의 개발 환경에서는 "크롬 새탭이" 자동 생성되지 않고 있다.

임의로 크롬을 띄우고 주소창에 http://localhost:8081/debugger-ui/ 을 입력한다.

크롬 웹브라우저 에서 Ctrl + Shift + J 를 누르면, 개발자 도구 콘솔이 열리게 된다.