안녕하세요 바울랩 '최원범' 연구원입니다!
오늘은 React-native에 파이어베이스를 연동하여 Admob을 이용해 광고를 띄우는 과정을 다뤄 보도록 하겠습니다!
앱 내에서 광고를 사용하기위해 Admob을 사용하기로 하였는데요 Firebase에서 Admob을 지원하기도하고 DB와 Storage 또한 지원하는 Firebase를 사용하기로 결정하였습니다.
먼저 Firebase 프로젝트를 만들어 보도록 하겠습니다. https://firebase.google.com 로 들어가서 콘솔로 이동을 누릅니다.
프로젝트 추가를 클릭해서 프로젝트를 만들겠습니다.
첫 번째 단계로 프로젝트 이름을 설정합니다.
두번째 단계로 애널리틱스 사용설정을 하는데요 무료로 제공되는 유용한 기능들이 많으니 사용 설정을 하고 다음으로 넘어갑니다.
마지막으로 애널리틱스 구성을하면 Firebase 프로젝트가 만들어집니다.
firebase에서 admob을 사용하기위해선
npm install @react-native-firebase/app 명령을 통해 라이브러리를 설치해줍니다.
그리고 프로젝트 폴더의 package.json으로 들어가면 의존이 추가된 모습을 볼 수 있습니다.
@react-native-firebase/admob 라이브러리가 설치 된 모습