React-Native 디버깅하기

React-native-debugger 설치 및 실행

리네를 처음 접하다보니 모르는게 많은 것 같다. 리액트를 할때는 콘솔을 마구마구 찍어봤는데 리네는 확인 할 수 있는 방법이 있나 찾아보았는데 디버깅 도구가 있다는걸 발견하였다!!
아래 명령어로 가볍게 설치 후 사용가능하다.

$ brew update && brew install --cask react-native-debugger

루트에서 실행하면 자동으로 디버거가 설치되는데 이것을 application 폴더로 옮겨야 한다.

설치 후 run ios을 작동할때마다 창이 뜨는 것을 확인할 수 있다.

왼쪽 위 화면은 react-devtools의 부분이고, 그 아래에 있는 화면은 chrome의 개발자 도수 elementsd 탭이다.
그리고 오른쪽 검은 화면 부분은 개발자 도구의 console 탭이 보이고 다른 탭들을 선택할 수 있다.

성공적으로 실행 되었다면 앱프로젝트 캐시를 날리고 재빌드 후 시작해주는 것이 좋다!