React Native Expo 웹에서 디버깅 방법

react native expo 프로젝트 실행 방법 중에서 웹으로 실행할 경우 디버깅은 앱보다 훨씬 쉽습니다.

 

제일 먼저 웹에서 사용할 경우 브라우저에서 디버깅 확장프로그램을 설치합니다.(저는 엣지나 크롬을 추천드립니다.)

 

그 다음에 웹으로 프로젝트를 실행합니다.

npm start 후에 w를 누르면 웹으로 열립니다.

 

ctrl+shift+I로 개발자모드를 킵니다. 상단에 보면 보라색 아이콘 2개로 디버깅 메뉴가 추가된 것이 보입니다.

메뉴를 보면 이렇게 리액트 네이티브의 컴포넌트가 보입니다.

 

 

 

애뮬레이터나 핸드폰의 Expo 앱을 통해서 디버깅 하는 방법은 아래를 참고

2023.05.08 - [리액트네이티브] - React Native Expo 앱에서 디버깅 방법