expo 사용 시, 리액트 네이티브 디버깅 방법

리액트의 경우 크롬 개발자 도구를 띄우고 관련 확장 프로그램을 설치하면 stats나 action을 보고 console.log를 찍어볼 수 있다. 그런데 리액트 네이티브를 처음 접해 디바이스에 직접 앱을 띄워 확인하는 경우 이게 안되니 당황스러운 경우가 있다.

디버깅 활성화 방법

1. expo 앱이 켜져 있고 앱이 떠 있는 상태에서 핸드폰을 흔든다. 그러면 여러 가지 개발자 메뉴가 나온다.
2. 이 중 ‘Debug JS Remotely’를 선택한다.
3. 그러면 로컬 PC에 크롬으로 연결되고, 개발자 도구를 켜라는 안내가 나온다.
4. 이제 개발자 도구를 통해 디버깅을 수월하게 할 수 있다.