이번 주에 한 것 1. 애플소셜로그인 구현 - ㅇ 2. 애플디바이스테스트 -ㅇ 3. 광고자리마련하기 + 결제유무에 따라 광고 on/off하기 - ㅇ 4. 아임포트 결제 검증 로직 구현 - ㅇ 아임포트 문서에 결제 검증을 필수로 구현하라고 되어있었고 Node.js로 예시가 작성되어있었다 리액트네이티브에 알맞게 변경해서 구현했고 검증확인했다 5. 결제버튼 결제유무에 따라 on/off하기 - ㅇ 6. 결제결과창 구현 - ㅇ 7. asset모아서 적용하기 - ㅇ => 동물 6마리 -> 38마리로 증가, (수익이 발생하면 디자이너한테 의뢰해서 동물조금씩 추가할 예정) 8. 정답 / 오답 출력 모달창 구현 - ㅇ 9.선택지 애니메이션 부드럽고 빠르게 변경하기 - ㅇ 10. 저작권정보 버튼, 모달창 구현 -ㅇ 11...

이번 주에 한 것 1. 로그인/ 회원가입 유효성 체크할 때 못생긴 기본 Alert대신 텍스트로 변경 2. 구글 소셜 로그인 완료 2-1. 애플은 소셜로그인 구현하려면 애플 개발자 계정 있어야 해서 만들어놨고 심사 중임(2~3일 소요) 3. 파이어 스토어로 db구축 - firebase auth로는 이메일과 비밀번호만 입력받는데 그 외의 정보는 firestore에 저장할 수 있다 - 인앱 결제를 한 유저와 하지 않은 유저를 firestore의 컬렉션을 통해 나눌 수 있다 4. 아임 포트 적용(인앱 결제) - 테스트 결제까지 완료 - 현재는 결제버튼이 밖에 나와있지만 미결제 유저에게만 버튼이 보이도록 구현할 예정 5. 데이터를 로딩 애니메이션 구현 6. 선택지 애니메이션(점점 진하게) 구현 다음 주 목표 저번..

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

개발 내용 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 } ..

앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard // Menu.js import React,{ useRef } from "react"; import styled from "styled-components"; import {Animated, Pressable, View} from "react-native"; import { Audio } from 'expo-av'; import { colors } from "../component/color"; const BG = styled.ImageBackground` flex: 1; width: 100%; height: 100%; justify-co..