본문 바로가기

React&React-Native/RN-Cuckoo

(3)
[#React-Native] Node, react-native-push-notification를 이용한 새 메시지 알람 기능 firebase에서 cloud-messaging을 이용해 전체 공지 같은 알람 보내기는 성공했지만 메시지 탭에서 새로운 메시지가 들어왔을 시 알림을 구현하는 방법을 찾기가 힘들었다 그래서 react-native와 Node를 이용해서 알림을 구현...! ① Node를 구현할 디렉토리 생성 후 npm으로 설치 ② Firebase HOME -> 설정 -> 프로젝트 설정 ③ 서비스 계정-> Node.js 선택 후 새 비공개 키 생성 후 디렉토리 안에 생성된 json 파일을 넣는다 ④ app.js 세팅 const express = require('express'); const admin = require('firebase-admin'); const serviceAccount = require('./project_..
[#React-Native] react-native-version-check 앱 버전 가져오기 배포 전 버전 명시를 해야 해서 react-native-version-check 패키지를 이용했다 Android 앱을 먼저 개발 중이기 때문에 Android 기준이다 build.gradle에 명시할 버전을 가져오기 위한 작업이다 ① react-native-version-check 설치 ② android/settings.gradle에 추가 include ':react-native-version-check' project(':react-native-version-check').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-version-check/android') ③ android/app/build.gradle에 추가 ..
[#React-Native] React-native-admob 광고 게재 독학으로 React-native 채팅 어플을 만드는 중이다 수월하진 않지만 진행 도중 쉬워보였던 admob 연동에 애를 먹어서 이렇게 블로그 개설 후 글을 작성하게 됐다...! ① admob 설치 ② gradle 파일과 XML 세팅 https://developers.google.com/admob/android/quick-start#update_your_androidmanifestxml 이 페이지를 참고하면 된다 시작하기 | Android | Google Developers Android 앱을 제작 중인 Google AdMob 게시자를 위한 모바일 광고 SDK입니다. developers.google.com Java 프로젝트가 아니기 때문에 이 중 세팅한 건 이렇게 세 가지이다...! build.gradle..