react-native-debugger 윈도우에서 사용하기

리엑트 네이티브로 앱 개발 중 redux를 사용하게되면서 디버깅의 필요성이 절실했다.

애타게 알아보니 너무나도 좋은 것이 존재하였으니..

 

모든 정보는 이곳에 있다.

https://github.com/jhen0409/react-native-debugger

jhen0409/react-native-debugger

 

1. https://github.com/jhen0409/react-native-debugger/releases 에서 OS에 맞는 버전을 다운로드한다.

 

2. 설치&실행하면 아래와 같은 화면이 보인다. 연결을 기다리는 중이다.

RND 실행 화면

 

3. 에뮬레이이터에서 JS 디버깅을 실행한다.

에뮬레이터

 

4. 포트를 확인하고 (일반적으론 19001번) 디버깅을 종료한다.

 

5. RND(react-native-debugger)로 돌아가서 Ctrl + T 를 누르면 아래와 같읕 화면이 뜨는데,

위에서 봤던 포트 번호(19001)를적고 Confirm을 누른다.

 

6. 다시 JS 디버깅을 실행하면 아래와 같이 디버깅이 가능하다.

(실제 기기에서는 안된다는 말이 있는데 나는 에뮬레이터, 실기기 상관없이 잘 되었다)