| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- sort( )
- 배열
- slice
- Flipper
- ios
- 모던자바스크립트
- javascript
- 리액트
- 자료구조와알고리즘
- 타입스크립트
- 자바스크립트
- react-native-vision-camera
- 파스에러
- Typescript
- 리액트네이티브
- reactnative
- 리액트쿼리
- 크라코
- 프로그래머스
- js
- 유니온타입
- react-native-image-picker
- craco
- Android
- 제네릭타입
- react-native
- react-native-camera-roll
- react-hook-form
- React
- 코드숨
Archives
- Today
- Total
KassyLog
디버깅 메시지 편하게 보기 본문
보통 개발할 때 console.log를 활용하여 데이터값이나 실행 순서등 확인하게 되는데 리액트 네이티브로 개발할 때에도 마찬가지이다.
하지만 네이티브로개발 할 때는 리액트처럼 우클릭 후 검사를 통한 개발자도구 열기가 아닌 'Flipper'라는 도구를 활용하면 더 편하게 확인할 수 있다.
터미널로 오류나 콘솔을 확인하기엔 한눈에 알아보기 쉽지 않은 경우가 있는데 이 때 Flipper를 활용하면 보다 편안해해진다~~☺️
그렇지만, 설치를 하다보면 M1의 경우에는 에러를 퉤! 뱉을 경우가 있는데 이 때 아래의 코드를 작성하면 편안해진다~~ ☺️☺️
arch -arm64 brew install <패키지>
https://fbflipper.com/docs/getting-started/react-native/
React Native App - Automatic Setup | Flipper
Starting with React Native 0.62, after generating your project with react-native init, the Flipper integration is ready out of the box for debug builds:
fbflipper.com
디버깅 이외 여러가지 플러그인이 존재해 개발을 보다 좋은 환경에서 할 수 있도록 돕는 좋은 도구이다!
'react-native' 카테고리의 다른 글
| 자주 사용하는 react-native 태그 알아보기 -Modal (0) | 2023.01.03 |
|---|---|
| 자주 사용하는 react-native 태그 알아보기 -Button (0) | 2023.01.03 |
| React와 React native의 CSS 차이점 (0) | 2022.12.15 |
| 자주 사용하는 react-native 태그 알아보기 -TextInput(iOS) (0) | 2022.12.10 |
| M1으로 React-Native 세팅하기 iOS편 (0) | 2022.11.07 |
'react-native' Related Articles
more
