앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체코드는 제 깃헙을 참고하시길 바랍니다. 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..

앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체 코드는 제 깃헙을 참고하시길 바랍니다. 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 = () => {..

앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체 코드는 제 깃헙을 참고하시길 바랍니다. 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,..

앞단 작업이 거의 끝나서 부분 부분 정리할 겸 포스팅합니다. 전체코드는 제 깃헙을 참고하시길 바랍니다. 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..

기능 개발을 하는데 setTimeout을 쓸 곳이 많았다 - 리렌더링을 위해 기존의 state값을 false로 만들고 50ms후 true로 만든다 - 카드의 이미지를 터치했을 때 보여줄 화면을 일정 시간 유지해야 한다 - 카드의 텍스트를 터치했을 때 보여줄 화면을 일정시간 유지해야 한다 - 카드리스트가 끝나고 다시 볼지 다음 단계로 넘어갈지 선택하면 레벨을 받아서 리렌더해야한다 시뮬레이터에서 실행은 잘 되지만 이러한 에러가 떴다 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel a..

초록어린이체가 앱에 잘 어울려서 적용했다 1. 폰트파일을 다운받는다 - SDChildfundkorea.otf - SDChildfundkoreaTTF.ttf 2. app/asset/fonts의 경로에 폰트파일을 넣는다 3. root위치에 react-native-config.js파일을 만든 뒤 다음코드를 작성한다 // react-native.config.js module.exports = { assets: ['./app/asset/fonts'] }; 4. 터미널에서 react-native link를 실행한다 (npx react-native link) 위 명령어를 실행하면 ios/프로젝트/info.plist에 폰트파일이 추가되는걸 볼 수 있다 5. 가장 최상단 파일인 App.js에 Font.loadAsync로..