본문 바로가기

React Native

(2)
React Native 바코드 스캐너 예제 목차 개요 React Native로 바코드를 스캔하는 예제입니다. QR 코드 역시 스캔이 가능합니다. 다른 바코드 스캐너 예제를 보면 한 페이지에서 바코드 스캐너를 띄웁니다. 하지만 실무에서는 별개의 페이지에서 스캐너를 띄우는 경우가 많으므로 여기 예제에서는 별개의 페이지에서 스캐너를 띄우는 방법을 살펴보겠습니다. React Native에서 페이지 이동은 React Navigation 라이브러리를 사용합니다. React Navigation 사용법은 아래 링크를 참조하세요. reactnavigation.org/docs/getting-started/ React Navigation What follows within the _Fundamentals_ section of this documentation is ..
react-native-firebase v6 fcm 푸시 구현 방법 목차 개요 react-native-firebase v6 fcm은 아래 링크를 참조해서 구현했습니다. rnfirebase.io/messaging/usage 그런데 위 공식문서에는 빠진 부분이 있고 잘못된 부분도 있어서 블로그로 정리했습니다. react-native-firebase v5는 모든 모듈(admob, analytics, crashlytics 등)을 포함하고 있어서 앱이 용량이 크고 무거웠습니다. 푸시를 사용하기 위한 설정도 다소 복잡했습니다. 하지만 v6에서는 필요한 모듈만 사용할 수 있고 설정도 무척 간편해졌습니다. 먼저 react-native에 대한 기본지식이 있고 컴퓨터에 react-native 개발환경이 구축되어 있음을 전제로 하겠습니다. 그리고 iOS에서 푸시를 받기 위한 설정과 fire..