React Native/IOS 7

[React Native / iOS] iOS 15 이상에서 추적 요청 팝업 띄우기 (app tracking transparency)

안녕하세요. 앱 추적 요청에 관한 이전 포스팅에 이어서 내용을 이어가겠습니다. 시뮬레이터에서는 되는데, 실제 기기에서는 안되는 이유를 몰라서 4시간동안 삽질했습니다.. 커밋 메시지의 빡침이 느껴지시나요; 알고보니, iOS 15.0 이상에서는 앱 상태가 반드시 'acitve'일 때만 팝업이 뜨도록 변경되었습니다 ^^;;; 그럼 바로 알아보도록 하겠습니다. 이전 포스팅에 사용한 라이브러리는 앱 추적 요청에 관한 것만 있었는데요, 이번에 사용할 라이브러리는 거의 모든 권한에 대한 기능이 들어있습니다. (star 수도 더 많네요 ㅎㅎ) https://github.com/zoontek/react-native-permissions 위 라이브러리를 사용할 예정입니다. 깃헙 설명만 봐도 되긴하지만, 조금 수정이 필요한..

React Native/IOS 2022.01.12

[React Native / iOS] iOS 14이상에서 추적 요청 팝업 띄우기 (일부 앱이 Apple의 SKAdNetwork를 사용하도록 구성되지 않았습니다 해결)

안녕하세요. 이번 포스팅에서는 iOS의 추적요청 동의를 받는 방법을 알아보겠습니다. iOS 14 이상에 광고를 추가하거나 사용자의 활동을 수집하기 위해서는 동의를 받아야 합니다. 제가 개발중인 앱에도 구글 애드몹 광고가 붙어있는데, 구글 애드몹을 추가할 때에도 추적 요청 팝업을 띄워야 한다고 하네요. 이렇게 경고 알림아 떴습니다. 그럼 바로 시작해볼게요! 0. 조건 Google Mobile Ads SDK 가 7.64.0 버전 이상이어야 합니다. 1. npm 설치 아래 코드를 입력해 관련 라이브러리를 설치합니다. npm install react-native-tracking-transparency cd ios pod install 2. info.plist 수정 info.plist에 아래 코드를 추가해주세요...

React Native/IOS 2022.01.12

[React Native] Firebase auth와 애플 로그인 연동하는 방법

안녕하세요. 이번 포스팅에는 firebase auth에 apple 로그인을 연동하는 방법을 알아볼게요. 2020년 4월부터 IOS 앱에 소셜로그인(구글, 페이스북, 카카오톡, 네이버, 트위터 등) 기능을 추가하려면 "반드시" 애플 로그인도 추가해야합니다. 제가 운영중인 앱(바로보카)도 소셜로그인 기능이 있어서 애플 버튼도 추가해주었습니다. 저는 아래 2개의 공식문서를 보면서 진행했어요. 언제나 그렇듯이, 공식 문서가 있다면 가장 먼저 공식 문서를 읽는게 좋습니다! 공식문서에 가장 최신 방법이 정확하게 나와있어요 :) React Native Firebase Apple Login 공식문서 > RN 애플 로그인 라이브러리 > 1. 환경설정 1단계 : 선행조건 확인 라이브러리 깃헙 사이트에 애플로그인 버튼 작업..

React Native/IOS 2022.01.09

[iOS] 애플 로그인을 위한 초기 개발환경 세팅

안녕하세요. 현재 서비스중인 앱에 애플 로그인 기능을 넣기 위한 초기 개발환경 세팅을 진행합니다. 저는 React Native로 개발을 진행중이며, 애플 로그인 라이브러리 깃헙 사이트의 가이드를 보고 따라했어요. RN이 아닌 Object-c , swift, flutter등 다른 언어도 개발셋팅은 똑같습니다 :) 1. Xcode 세팅 프로젝트 폴더에서 Xcode를 실행하고, Signing & Capabilities > +Capability > sign in with apple 을 따라 진행해주세요. 그럼 아래처럼 Sign in with Apple이 추가됩니다. 만약 추가가 안되고 에러가뜬다면 애플 개발자 등록이 안된 것이니 먼저 개발자등록(결제)를 해주셔야 합니다. 2. 애플 개발자센터 세팅 1) 애플 개..

React Native/IOS 2022.01.09

[Xcode] iOS 버전 설정하는 방법

안녕하세요. 앱에 애플 로그인 기능을 추가하기 위해서는 iOS 버전을 13 이상으로 설정해주어야 합니다. 1. project/ios 폴더에서 Xcode를 실행해주세요. 2. 좌측에 프로젝트명을 클릭하고 General 탭에서 빨강박스 부분을 눌러 iOS 버전을 변경해주면 됩니다! 3. 끝! 앱 홍보 RN으로 만든 영단어 앱테크 어플 (출시 후 매일 100명 가입중!) 아이폰> ‎캐시보카 - 돈버는 영단어 앱테크 ‎단어를 맞추면 1캐시가 적립돼요. 적립된 캐시는 네이버 포인트로 전환할 수 있어요. apps.apple.com RN로 만든 주식, 코인 물타기 계산기, 수익률 계산기 앱 안드로이드> 아이폰> UN인턴이 만든 영단어 퀴즈앱 안드로이드> 아이폰>

React Native/IOS 2022.01.09

[IOS] 구글 애드몹 info.plist 설정 "The Google Mobile Ads SDK was initialized without an application ID"

1. 에러 상황 Xcode로 앱을 실행할 때 애드몹 관련 에러가 발생했습니다. "The Google Mobile Ads SDK was initialized without an application ID. Google Admob publishers, ..... " 에러를 눌러보니 해결방법이 적힌 구글 애드몹 사이트로 이동합니다. 문제 원인은 Info.plist에 애드몹의 앱 ID 코드가 없어서 그런거였습니다. 애드몹 앱 ID를 찾는 방법은 여기를 확인해주세요. 2. 해결방법 방법1) 사용하는 에디터에서 info.plist 파일을 열고, 애드몹 앱 ID를 넣으면 됩니다. 또는, 방법2) Xcode에서 info.plist를 클릭해서 직접 추가해주어도 됩니다. 끝!

React Native/IOS 2022.01.03