[React-Native] 디버깅 툴 (수정중)

DaYoung·2024년 3월 6일
0

React-Native

목록 보기
21/35

React는 개발자 도구를 이용해서 디버깅하면 되지만
React-native는 디버깅하기 쉽지 않아
디버깅할 수 있는 툴을 사용해야 하는데 어떤것들이 있는지 찾아보았다:)


1.Debug JS Remotely + 내장 Inspector

-> 애뮬레이터에서 바로 디버깅할 수 있지만 잘 사용하지 않음!

(http://localhost:8081/debugger-ui/)로 접근해서 개발자 도구를 켜서 확인 가능!
시뮬레이터 -> Cmd + control + z -> 'Show Inspector' -> 스타일 정보를 확인하고 싶은 곳 클릭
:스타일

2.react-devtools

-> 부족한 내장 디버깅 툴을 보완해줄 수 있는 React devTools 

yarn add --dev react-devtools

cd $(npm bin)
react-devtools

3.Reactoron

컴포넌트의 state, props, style을 파악하기엔 react-devtools만으로도 충분하겠지만
API 호출 정보라던지, 조금 더 세밀한 디버깅을 하고 싶다면 Reactoron을 사용

<참고>
https://1nnovator.tistory.com/78

profile
안녕하세요. 프론트앤드 개발자 홍다영입니다.

0개의 댓글