문제 발생 시점 : 아임포트를 사용할 때 (결제버튼을 통해 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..

Expo를 이용해서 개발을 진행해왔고 인앱 결제를 구현해보려고 하는데 제약사항이 많았다 I'mport를 이용하면 기능 구현이 가능하다는 정보를 입수했고 문서를 먼저 정독했다 그동안 실제 결제 관련해서 프로젝트를 진행해본 적이 없어서 접근하기가 어려웠지만 테스트 결제는 성공했고 추후에 다시 볼 수 있도록 정리를 할 예정이다 아임포트 홈페이지 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 아임포트와 함께하세요 www.iamport.kr 아임포트 깃허브 GitHub - iamport/iamport-react-native: React Native용 아임포트 일반.결제 및 휴대폰 본인인증 모듈입니다. React Native용 아임포트 일반.결제 및 휴대폰 본인인증 모듈입니다..

이번 주에 한 것 - lottie files 적용 : 로그인 페이지, 동물카드 등등에 사용했음 - firebase로 로그인/ 회원가입 기능 구현 : 웹에서 직접 유효성 체크해가면서 구현한 것보다 훨씬 간편하게 구현할 수 있었음 - 소스코드 재작성 : ios로만 작업해놓고 안드로이드에 적용하니 에러 나는 곳이 많았음 어디에서 발생하는 문제인지 알 수 있는 부분은 수정했지만 불가능한 부분도 꽤 있었고 시간을 계속 쓸 수 없기에 처음부터 체크하면서 하나하나 만들기로 했음 이미 했던 부분들을 적당히 복사하고 수정해가면서 작업하니 코드들을 더 깔끔하게 정리할 수 있었고 처음 개발할 때 신경 쓰지 못한 부분들을 체크할 수 있었음 약 3일 정도 시간을 사용했지만 과정과 결과를 봤을 때 투자할 만한 가치가 있었다고 생..

숫자나 글자 그림은 직접 제작하는 게 통일성이 있고 사용하기 좋았지만, 동물은 좀 더 움직임이 있으면 좋을 거라 생각했다 기존에는 아주 약간 다른 그림파일 2개를 준비한 뒤 한장만 보여주고 클릭했을 때 나머지 한 장을 보여주는 식으로 애니메이션을 만들었는데 그림을 그리는 시간을 내는것도 쉽지 않고 그리다 보니 욕심이 나서 하나하나 만드는데 체력적, 정신적으로 굉장히 많은 에너지를 쏟다 보니 정작 중요한 개발을 못하는 사태가 발생했다 그러던 와중 맘에 드는 애니메이션을 사용할 수 있는 lottie files를 찾게 되었고 적용했던 과정을 작성해보고자 한다 https://github.com/coqoa/tabtabcard GitHub - coqoa/tabtabcard Contribute to coqoa/tab..

개발 내용 1. 동물 메뉴 외의 메뉴 구현 - 한글 낱말, 알파벳, 숫자 구현 (+ 각 메뉴에 간단한 아이콘 제작해서 넣을 예정) 2. 오디오 파일, 이미지 파일 제작 및 사용 오디오 파일은 직접 녹음했고(약 300여 개 파일) 이미지 파일은 아이패드 procreate로 그리거나 adobeXD로 제작했음 3. 컴포넌트화(중복제거) 동물카드 3단계에서 선택지를 만드는데 랜덤배열을 생성한 뒤 그 배열에 맞는 데이터를 넣는 과정이 필요했다 각 선택지마다 다른 panResponder를 쓰거나 style을 적용해야 했지만 공통적으로 사용하는 부분도 굉장히 많아서 공통 사용하는 부분을 함수화하고 props를 통해 개별 적용해야 할 부분들을 처리했다 4. 파일/변수 명명법 수정 생각도 많고 개발하면서 계획이 자꾸 바..

앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard import React, { useState, useEffect, useRef } from "react"; import {View, Dimensions, PanResponder, Animated, Pressable, TouchableOpacity } from "react-native"; import { Audio } from 'expo-av'; import styled from "styled-components"; import { colors } from "../component/Color"; import { WordCardLevel } ..