탭탭카드놀이(8)
-
탭탭카드놀이) 4/11~4/18 개발내용
이번 주에 한 것 1. 로그인/ 회원가입 유효성 체크할 때 못생긴 기본 Alert대신 텍스트로 변경 2. 구글 소셜 로그인 완료 2-1. 애플은 소셜로그인 구현하려면 애플 개발자 계정 있어야 해서 만들어놨고 심사 중임(2~3일 소요) 3. 파이어 스토어로 db구축 - firebase auth로는 이메일과 비밀번호만 입력받는데 그 외의 정보는 firestore에 저장할 수 있다 - 인앱 결제를 한 유저와 하지 않은 유저를 firestore의 컬렉션을 통해 나눌 수 있다 4. 아임 포트 적용(인앱 결제) - 테스트 결제까지 완료 - 현재는 결제버튼이 밖에 나와있지만 미결제 유저에게만 버튼이 보이도록 구현할 예정 5. 데이터를 로딩 애니메이션 구현 6. 선택지 애니메이션(점점 진하게) 구현 다음 주 목표 저번..
2022.04.21 -
탭탭카드놀이) 코드정리 MenuStack.js
앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체 코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard //MenuStack.js import React from "react"; import {createNativeStackNavigator} from "@react-navigation/native-stack" import Menu from "../screens/Menu"; import WordPlay from "../screens/WordPlay"; const NativeStack = createNativeStackNavigator(); // Menu와 WordPlay를 Screen으로 가진다 const MenuStack = () => {..
2022.04.01 -
탭탭카드놀이) 코드정리 Stack.js
앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체 코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard //Stack.js import React from "react"; import {createNativeStackNavigator} from "@react-navigation/native-stack" import Login from "../screens/Login"; import Signup from "../screens/Signup"; import MenuStack from "./MenuStack"; const NativeStack = createNativeStackNavigator(); // 스택네비게이터 (Login, Signup,..
2022.04.01 -
탭탭카드놀이) 코드정리 App.js
앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체코드는 제 깃헙을 참고하시길 바랍니다. https://github.com/coqoa/tabtabcard //App.js import { NavigationContainer } from '@react-navigation/native'; import * as Font from "expo-font" import AppLoading from 'expo-app-loading'; import React, { useState, useEffect } from 'react'; import Stack from './app/navigators/Stack'; import { SafeAreaView } from 'react-native-safe-area-conte..
2022.04.01 -
탭탭카드놀이) 자식컴포넌트에서 부모컴포넌트의 state 변경하기
자식 컴포넌트에서 부모 컴포넌트의 state를 수정하는 기능을 구현하는데 필요 없는 코드들이 많아서 모두 작성하진 않았습니다. 빠진 코드들도 굉장히 많고 제대로 작동하려면 필요한 코드들이 많기 때문에 전체 코드를 보고 참고하시는 걸 추천드리며 깃헙에서 보실 수 있습니다 https://github.com/coqoa/tabtabcard 코드 상태? // WordPlay.js import { WordCardLevel } from "../component/CardDefault"; const WordPlay = ({navigation}) => { const [cardSelector, setCardSelector] = useState("word1LV"); // cardSelector에 word1LV라는 문자열을 담..
2022.03.21 -
탭탭카드놀이) 네비게이터 (Navigator)
개발 현황은 깃헙을 통해 확인 가능합니다 https://github.com/coqoa/tabtabcard GitHub - coqoa/tabtabcard Contribute to coqoa/tabtabcard development by creating an account on GitHub. github.com 공부하면서 문제 해결하거나 기능 구현한 것들 위주로 작성하는 글입니다 로직 구상을 하고 내비게이터의 역할을 하는 파일들을 먼저 생성한 뒤 스크린들을 생성하도록 한다 App.js //App.js import React, { useState } from 'react'; import AppLoading from 'expo-app-loading'; import Stack from './app/navigato..
2022.03.07