본문 바로가기

분류 전체보기181

[React Native / Android] 안드로이드 뒤로가기, BackHandler 안녕하세요. 이번 포스팅에서는 안드로이드 뒤로가기 버튼에 대한 이벤트 핸들러를 다뤄보겠습니다. 저희 앱은 메인 화면에서 뒤로가기를 누르면 '앱을 종료할까요?' 라는 모달 팝업이 뜨는데요. 이번에 로그인 페이지를 새롭게 추가하니까, 로그인 페이지에서 뒤로가기를 눌러도 앱 종료 모달이 뜨는거 아니겠습니까? 메인화면에서 로그인 페이지로 이동했으니 스택이 쌓였고, 로그인페이지에서 뒤로가기를 누르면 다시 이전 스크린으로 가야 정상인데 말이죠. 이번 포스팅에서는 안드로이드 뒤로가기 버튼인 Backhandler 이벤트를 사용하는 방법과, 최상단 스크린이 아닌 곳에서는 뒤로가기가 되도록 하는 법을 알아보겠습니다. 1. BackHandler 사용법 아래 코드를 import 합니다. import {BackHandler} .. 2022. 1. 9.
[React Native] Firebase auth와 애플 로그인 연동하는 방법 안녕하세요. 이번 포스팅에는 firebase auth에 apple 로그인을 연동하는 방법을 알아볼게요. 2020년 4월부터 IOS 앱에 소셜로그인(구글, 페이스북, 카카오톡, 네이버, 트위터 등) 기능을 추가하려면 "반드시" 애플 로그인도 추가해야합니다. 제가 운영중인 앱(바로보카)도 소셜로그인 기능이 있어서 애플 버튼도 추가해주었습니다. 저는 아래 2개의 공식문서를 보면서 진행했어요. 언제나 그렇듯이, 공식 문서가 있다면 가장 먼저 공식 문서를 읽는게 좋습니다! 공식문서에 가장 최신 방법이 정확하게 나와있어요 :) React Native Firebase Apple Login 공식문서 > RN 애플 로그인 라이브러리 > 1. 환경설정 1단계 : 선행조건 확인 라이브러리 깃헙 사이트에 애플로그인 버튼 작업.. 2022. 1. 9.
[iOS] 애플 로그인을 위한 초기 개발환경 세팅 안녕하세요. 현재 서비스중인 앱에 애플 로그인 기능을 넣기 위한 초기 개발환경 세팅을 진행합니다. 저는 React Native로 개발을 진행중이며, 애플 로그인 라이브러리 깃헙 사이트의 가이드를 보고 따라했어요. RN이 아닌 Object-c , swift, flutter등 다른 언어도 개발셋팅은 똑같습니다 :) 1. Xcode 세팅 프로젝트 폴더에서 Xcode를 실행하고, Signing & Capabilities > +Capability > sign in with apple 을 따라 진행해주세요. 그럼 아래처럼 Sign in with Apple이 추가됩니다. 만약 추가가 안되고 에러가뜬다면 애플 개발자 등록이 안된 것이니 먼저 개발자등록(결제)를 해주셔야 합니다. 2. 애플 개발자센터 세팅 1) 애플 개.. 2022. 1. 9.
[Xcode] iOS 버전 설정하는 방법 안녕하세요. 앱에 애플 로그인 기능을 추가하기 위해서는 iOS 버전을 13 이상으로 설정해주어야 합니다. 1. project/ios 폴더에서 Xcode를 실행해주세요. 2. 좌측에 프로젝트명을 클릭하고 General 탭에서 빨강박스 부분을 눌러 iOS 버전을 변경해주면 됩니다! 3. 끝! 앱 홍보 RN으로 만든 영단어 앱테크 어플 (출시 후 매일 100명 가입중!) 아이폰> ‎캐시보카 - 돈버는 영단어 앱테크 ‎단어를 맞추면 1캐시가 적립돼요. 적립된 캐시는 네이버 포인트로 전환할 수 있어요. apps.apple.com RN로 만든 주식, 코인 물타기 계산기, 수익률 계산기 앱 안드로이드> 아이폰> UN인턴이 만든 영단어 퀴즈앱 안드로이드> 아이폰> 2022. 1. 9.
[React Native/IOS] CompileC /Users/juzero/Library/Developer/Xcode/DerivedData/project-hbkrudqxtxdjkbcoxpmydzixlzqq/Build/Intermediates.noindex/project.build/Debug-iphonesimulator/project.build/Objects-normal/x86_64/AppDelegate.o /Users/juzero/project/iO.. 1. 에러 상황 facebook 로그인기능을 구현하던 중에 loginManger 부분에서 에러를 만났고, 해결하는 과정에서 포스팅 제목에 있는 또다른 에러를 만났습니다. 에러를 많이 만나니 혼자 개발해도 외롭지 않아요. 페북 로그인 버튼이 작동하는 것만 보고 자려고했는데... 에러랑 놀아주느라고 벌써 잘시간이 훌쩍 넘어버렸습니다 ㅠ 처음에는 facebook sdk 적용 과정에서 잘못한 부분이 있는 줄 알고 하나씩 다 다시 훑어봤어요. 한두시간은 거기에 매달렸지만.. 찾지 못했습니다. 2. 해결 방법 시도 1) dody님의 블로그 참고 https://velog.io/@dody_/RN-에러노트-The-following-build-commands-failedCompileC-UsersdodyLibraryDeve.. 2022. 1. 9.
[React Native] Facebook SDK 공식 라이브러리 업데이트 중단 안녕하세요. facebook에서 공식으로 지원하고 있던 RN 라이브러리가 더이상 업데이트 되지 않습니다. 아래 링크의 readme를 읽어보면 업데이트 중단된 것을 알 수 있고, 가장 최근 release가 2020년 11월 24일입니다. https://github.com/facebookarchive/react-native-fbsdk GitHub - facebookarchive/react-native-fbsdk: A React Native wrapper around the Facebook SDKs for Android and iOS. Provides acce A React Native wrapper around the Facebook SDKs for Android and iOS. Provides access.. 2022. 1. 9.