리액트네이티브(17)
-
ReactNative) Firebase, Auth, E-Mail 회원가입 및 로그인
cd ios && pod install 리액트 네이티브에서 서 Firebase 사용하기 1. https://firebase.google.com/ 이동 -> 우측 상단 '콘솔로 이동' 클릭 2. 프로젝트추가 3. 설치 https://rnfirebase.io/ npm install --save @react-native-firebase/app 4. 프로젝트 다 만들어지면 Project name작성 -> analytics 비활성화 -> platform 추가(Android & iOS) 4-1 Android 설정 https://rnfirebase.io/#2-android-setup - package name에 ID 입력 (id는 내 앱/android/app/build.gradle 안에 defaultConfig 내부..
2022.05.14 -
탭탭카드놀이) 5/2~5/9 개발내용
이번주에 한것 1. 아임포트 pg사 계약 - ㅇ 사전 심사 요청이 왔고 아직 배포를 하지 못해서 보류중임 얼른 배포해서 사전 심사 재요청 해야함 2. 오디오 이슈 해결하기 - ㅇ import { Audio } from 'expo-av'; async function playSound(e) { const { sound } = await Audio.Sound.createAsync(e); console.log('Playing Sound'); sound.playAsync(); setTimeout(function(){ console.log('Unloading Sound'); sound.unloadAsync(); },1500) } => e라는 파라미터를 받아서 playAsync로 재생 한 뒤 setTimeout을 이..
2022.05.13 -
탭탭카드놀이) 4/19~5/2 개발내용
이번 주에 한 것 1. 애플소셜로그인 구현 - ㅇ 2. 애플디바이스테스트 -ㅇ 3. 광고자리마련하기 + 결제유무에 따라 광고 on/off하기 - ㅇ 4. 아임포트 결제 검증 로직 구현 - ㅇ 아임포트 문서에 결제 검증을 필수로 구현하라고 되어있었고 Node.js로 예시가 작성되어있었다 리액트네이티브에 알맞게 변경해서 구현했고 검증확인했다 5. 결제버튼 결제유무에 따라 on/off하기 - ㅇ 6. 결제결과창 구현 - ㅇ 7. asset모아서 적용하기 - ㅇ => 동물 6마리 -> 38마리로 증가, (수익이 발생하면 디자이너한테 의뢰해서 동물조금씩 추가할 예정) 8. 정답 / 오답 출력 모달창 구현 - ㅇ 9.선택지 애니메이션 부드럽고 빠르게 변경하기 - ㅇ 10. 저작권정보 버튼, 모달창 구현 -ㅇ 11...
2022.05.13 -
ReactNative) How to fix SSRProvider warning ??
문제 발생 시점 : 아임포트를 사용할 때 (결제버튼을 통해 PaymentTest스크린으로 이동할 때) 문제 원인 & 해결 When working with app using React Native, React will ask for an SSRProvider to be used to wrap your main provider. This allows for auto-generated IDs to be passed between the client device (iOS and Android) to the server which is running your application; In this case, the server is Expo Go launched from a terminal. Wrapping you..
2022.04.15 -
ReactNative)Expo 인앱결제 (I'mport이용)
Expo를 이용해서 개발을 진행해왔고 인앱 결제를 구현해보려고 하는데 제약사항이 많았다 I'mport를 이용하면 기능 구현이 가능하다는 정보를 입수했고 문서를 먼저 정독했다 그동안 실제 결제 관련해서 프로젝트를 진행해본 적이 없어서 접근하기가 어려웠지만 테스트 결제는 성공했고 추후에 다시 볼 수 있도록 정리를 할 예정이다 아임포트 홈페이지 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 아임포트와 함께하세요 www.iamport.kr 아임포트 깃허브 GitHub - iamport/iamport-react-native: React Native용 아임포트 일반.결제 및 휴대폰 본인인증 모듈입니다. React Native용 아임포트 일반.결제 및 휴대폰 본인인증 모듈입니다..
2022.04.15 -
탭탭카드놀이) 4/4~4/11 개발내용
이번 주에 한 것 - lottie files 적용 : 로그인 페이지, 동물카드 등등에 사용했음 - firebase로 로그인/ 회원가입 기능 구현 : 웹에서 직접 유효성 체크해가면서 구현한 것보다 훨씬 간편하게 구현할 수 있었음 - 소스코드 재작성 : ios로만 작업해놓고 안드로이드에 적용하니 에러 나는 곳이 많았음 어디에서 발생하는 문제인지 알 수 있는 부분은 수정했지만 불가능한 부분도 꽤 있었고 시간을 계속 쓸 수 없기에 처음부터 체크하면서 하나하나 만들기로 했음 이미 했던 부분들을 적당히 복사하고 수정해가면서 작업하니 코드들을 더 깔끔하게 정리할 수 있었고 처음 개발할 때 신경 쓰지 못한 부분들을 체크할 수 있었음 약 3일 정도 시간을 사용했지만 과정과 결과를 봤을 때 투자할 만한 가치가 있었다고 생..
2022.04.12