React Native: 디버깅(debugging)

💡 에러 핸들링

• 에러 메시지 살펴보기
• 로그(log) 남기고 확인하기: console.log()
  
  
  

💡 개발자 도구 이용하여 원격 디버깅

1. 터미널에서 'npm start'를 실행
2. 터미널에 m 입력 -> 애뮬레이터에 개발자 메뉴가 뜸
3. 개발자 메뉴의 'Open JS Debugger' 클릭 -> Chrome 개발자 도구가 열림 (다시 'npm start' 실행 또는 재실행(R)하기)
   
   
   

💡 React 개발자 도구 이용

컴포넌트 트리 확인, 상태와 프로퍼티 분석 및 테스트 가능

1. 터미널에서 React 개발자 도구 설치 (MacOS): sudo npm install -g react-devtools
2. React 개발자 도구 실행: react-devtools
3. 'npm start' 실행하여 React 개발자 도구 확인
   
   
   

💡 공식 문서 참고

https://reactnative.dev/docs/debugging