Machine_웅_Note

1. 노드 재설치 (v.24.12.0) 2. NPM 업데이트 (11.7.0) npm install -g npm@latest [최신 버전확인] npm show react-native version npm show react version [기존 cli 를 삭제] npm uninstall -g react-native react-native-cli [프로젝트 생성] * 기본적으로 JSX 로 생성됨 npx @react-native-community/cli init 프로젝트명 --version 타겟버전 npx @react-native-community/cli@0.76.3 init AwesomeProject --version 0.76.3React Native 버전(0.71 버전 이후)부터는 타입스크립트(TypeS..

// In App.js in a new project import React, { useEffect, useRef, useState, useCallback } from 'react'; import { SafeAreaView } from 'react-native-safe-area-context'; import { View, Text, Image, StyleSheet, Dimensions, ScrollView } from 'react-native'; import { PanGestureHandler, PinchGestureHandler, State, GestureHandlerRootView } from 'react-native-gesture-handler'; import Animated, { useAnimat..

List to Map // List to Map const arrMap = result.reduce((map, obj) => { map.set(obj.code.split(' ').join(''), obj.locationName); return map; }, new Map) List to Obj const arrObj = array.reduce((newObj, obj) => { newObj[obj.key] = obj.value; return newObj; }, {}); console.log(arrObj);

SerializableStateInvariantMiddleware took 42ms, which is more than the warning threshold of 32ms. If your state or actions are very large, you may want to disable the middleware as it might cause too much of a slowdown in development mode. See https://redux-toolkit.js.org/api/getDefaultMiddleware for instructions 경고처리 const store = configureStore({ reducer:{ rootReducer }, middleware: (getDefaul..

private WritableArray getDataAsArray(FirebaseVisionText firebaseVisionText) { WritableArray data = Arguments.createArray(); WritableMap info = Arguments.createMap(); WritableMap coordinates = Arguments.createMap(); for (FirebaseVisionText.TextBlock block: firebaseVisionText.getTextBlocks()) { info = Arguments.createMap(); coordinates = Arguments.createMap(); Rect boundingBox = block.getBoundingB..

interface ButtonProps { sum: (a: number, b: number) => number; logMessage: (message: string) => void; // 👇️ turn off type checking doSomething: (params: any) => any; } function Container({sum, logMessage, doSomething}: ButtonProps) { console.log(sum(10, 15)); logMessage('hello world'); doSomething('abc'); return Hello world; } const App = () => { const sum = (a: number, b: number) => { return a ..

const [state, setState] = React.useState(new Map()); const add = (key, value) => { setState((prev) => new Map([...prev, [key, value]])); }; const upsert = (key, value) => { setState((prev) => new Map(prev).set(key, value)); } const delete = (key) => { setState((prev) => { const newState = new Map(prev); newState.delete(key); return newState; }); } const clear = () => { setState((prev) => new Map..

1. 카카오 1) 이동 https://github.com/react-native-seoul/react-native-kakao-login GitHub - react-native-seoul/react-native-kakao-login: react-native native module for Kakao sign in. react-native native module for Kakao sign in. Contribute to react-native-seoul/react-native-kakao-login development by creating an account on GitHub. github.com 2) 설치 yarn add @react-native-seoul/kakao-login pod install 3)..

개요 리엑트 네이티브 프로젝트를 자주하다보니, 일반적으로 반복되는 구조들은 틀을 만들어 두는 것이 좋을 것 같더라구요 그리고 폴더만 복사한 후 이름만 바꿔서 시작을 하면 좋을 것 같습니다. 변경는 방법 react-native-rename패키지를 설치합니다. npm install -g react-native-rename 그 다음 이름을 변경할 프로젝트 내부에서 다음을 입력합니다. react-native-rename "프로젝트 이름" 그러면 이름이 변경됩니다. 다음으로 이름에 대해 연결을 시켜줘야합니다. 안드로이드는 자동으로 연결됩니다. ios의 경우에는 아래 명령을 추가로 해주셔야 됩니다. cd ios pod install npm run ios 출처: https://kgu0724.tistory.com/24..

useEffect(() => { const backAction = () => { props.navigation.popToTop() return true }; const backHandler = BackHandler.addEventListener( "hardwareBackPress", backAction ); return ()=> backHandler.remove(); },[]);