로메오의 블로그

Firebase 목록 [React Native] URL 배포하기 [Android/iOS] [REACT NATIVE] FIREBASE 연동하기 [React Native] Firebase Push Notification 추가 [Android] fcmToken 가지고오기 앱을 실행하고 command + M을 눌러서 Debug JS Remotely를 누릅니다. 크롬 콘솔창에서 fcmToken을 확인합니다. Firebase console > Project setting > 클라우드 메시징에서 이전서버키를 복사합니다. postman을 실행해서 위와 같이 입력합니다. POST: https://fcm.googleapis.com/fcm/send Headers: Content-Type: application/json Au..

Firebase 목록 [React Native] URL 배포하기 [Android/iOS] [REACT NATIVE] FIREBASE 연동하기 위에서 생성한 프로젝트에서 계속 진행합니다. 이 포스트는 최종적으로 firebase push notification을 적용하는 과정을 알아봅니다. 포스트를 작성하는 지금 현재 react native는 0.69.4까지 출시 되었는데, 해당 버전으로 프로젝트를 만들 경우 다른 라이브러리들과 호환에 문제가 많았습니다. 그래서 제가 사용해봤던 검증된 버전으로 포스트를 진행하도록 하겠습니다.(gradle, 라이브러리 등..) 최신 버전에 대해서는 직접 적용해보시기 바랍니다. react-native-firebase 추가 $ yarn add react-native-firebas..

Firebase 목록 React 목록 위 포스트에서 생성한 프로젝트로 계속 진행하겠습니다. 이 포스트는 최종적으로 firebase push notification을 적용하는 과정을 알아봅니다. 포스트를 작성하는 지금 현재 react native는 0.69.4까지 출시 되었는데, 해당 버전으로 프로젝트를 만들 경우 다른 라이브러리들과 호환에 문제가 많았습니다. 그래서 제가 사용해봤던 검증된 버전으로 포스트를 진행하도록 하겠습니다.(gradle, 라이브러리 등..) 최신 버전에 대해서는 직접 적용해보시기 바랍니다. Firebase 프로젝트 생성 Android 연동하기 google-service.json 파일을 다운로드 받아서 app/폴더에 드래그해서 추가합니다. 가이드대로 build.gradle에 라이브러리..

Firebase 목록 앱을 개발해서 스토어에 올리지 않고 URL로 배포하는 방법입니다. 프로젝트 생성 $ cd /my/project/path $ react-native init deployTest --version 0.59.8 $ code ./deployTest 이 포스트는 최종적으로 firebase push notification을 적용하는 과정을 알아봅니다. 포스트를 작성하는 지금 현재 react native는 0.69.4까지 출시 되었는데, 해당 버전으로 프로젝트를 만들 경우 다른 라이브러리들과 호환에 문제가 많았습니다. 그래서 제가 사용해봤던 검증된 버전으로 포스트를 진행하도록 하겠습니다. 최신 버전에 대해서는 직접 적용해보시기 바랍니다. Android 배포준비 Android Studio에서 프로..

$ react-native init firstProject --version=0.59.8

Firebase 목록 [REACT NATIVE] 디바이스에 LOCAL SERVER 구동하기 앞서 디바이스에서 local server를 구동하는 방법을 알아봤습니다. firebase hosting에서 리소스를 zip으로 압축해서 올려두고 React Native에서 zip을 다운로드해서 압축 해제하고 local server로 표시하는 고오급 기능을 구현해보겠습니다. Firebase hosting에 zip파일 업로드 index.html script.js $(window).on('load', function() { $('h1').text('hello World!!') }) style.css body {margin-top: 100px} .title {color: #f0f} www폴더를 만들고 index.html,..

Firebase 목록 [REACT NATIVE] WEBVIEW와 INTERFACE 하기 위 포스트에서 React Native에 Webview를 띄우고 Firebase hosting의 html 파일을 불러와서 띄우는것을 했습니다. html파일을 리모트 서버에 두지 않고 디바이스 내에 두려고 합니다. 그런데 이때 문제가 디바이스 storage의 js파일은 Ajax 통신이 불가능합니다. 이럴경우 디바이스에 Local Server를 구동하면 리소스 로딩 속도도 빠르고 Ajax 통신도 가능합니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . ..

Firebase 목록 react native에서 webview를 만들고 javascript와 react native간 interface를 해보겠습니다. web소스는 firebase hosting을 이용합니다. [FIREBASE] 호스팅 생성하고 배포하기 위 포스트에서 firebase hosting으로 hello world를 찍고 오시기 바랍니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . secondProject 프로젝트를 생성합니다. react-native 버전은 0.59.8로 설치합니다. (최신버전인 0.60을 설치했는데, an..