kasumil의 코딩 공작소

기존 마이크로소프트의 코드푸쉬가 지원 종료될 예정이다. 3/31일부로...그렇기에 나도 코드푸쉬를 배우려다가 해당 내용을 skip하고, hot-updater로 적용하려고 한다. https://gronxb.github.io/hot-updater/index.html Hot UpdaterSupport New / Old ArchitectureCompatible with both the new and old React Native architectures, offering maximum flexibility for your projectsgronxb.github.io 설치단계1. https://gronxb.github.io/hot-updater/guide/getting-started/quick-start-with..

https://github.com/microsoft/react-native-code-push/issues/2797 When we can expect new arch support for React Native Code Push? · Issue #2797 · microsoft/react-native-code-pushI’m reaching out to inquire about the plans for integrating support for React Native’s new architecture into CodePush. As the new architecture becomes more widely adopted, will there be updates to ...github.com 안된다...0.77...

https://icon.kitchen/ IconKitchenCook up app icons for any platformicon.kitchen  아이폰과 안드로이드의 어플 아이콘 이미지를 자동생성해준다. 아이폰은 그냥 쓰면되지만, 안드로이드는 원형과 라운딩된 사각형을 두개만들어야한다. 앞서boot-splash 라이브러리를 사용하면 생성 명령어를 이용하여 적용하면, splash 이미지가 3개로 자동 적용되어있다.npx react-native-bootsplash generate [이미지 경로/파일명.확장자]자동 적용되어 안드로이드에 따로 설정할 게 없다.건드려도 되는건 오로지 ios Appdelegate.swift파일.안드로이드는 경로를 넣어야 하는데 좀 불편하다.[프로젝트명]/android/app/src/..

https://github.com/invertase/react-native-apple-authentication GitHub - invertase/react-native-apple-authentication: A React Native library providing support for Apple Authentication on iOS aA React Native library providing support for Apple Authentication on iOS and Android. - invertase/react-native-apple-authenticationgithub.com 방법은 어렵지 않다. // App.jsimport React from 'react';import { View } fr..

https://github.com/crazycodeboy/react-native-splash-screen GitHub - crazycodeboy/react-native-splash-screen: A splash screen for react-native, hide when application loaded ,it works on iOA splash screen for react-native, hide when application loaded ,it works on iOS and Android. - crazycodeboy/react-native-splash-screengithub.com 어플 화면설정할때 쓰는 라이브러리.보통 이걸 통해서 렌더링하는 속도를 숨겨 유저가 시간반응도를 낮춰준다. https:/..

https://www.npmjs.com/package/react-error-boundary react-error-boundarySimple reusable React error boundary component. Latest version: 5.0.0, last published: 2 months ago. Start using react-error-boundary in your project by running `npm i react-error-boundary`. There are 1487 other projects in the npm registry using react-errwww.npmjs.com 공식문서에 있는 에러페이지를 만들어도 되는데... 귀찮으니까... import { ErrorBounda..

https://github.com/react-native-webview/react-native-webview/issues/3697#issuecomment-2669390675 webview on iOS white screen · Issue #3697 · react-native-webview/react-native-webviewafter install react native and install package , pod install project and run project for show display url webview is white screen how to fix device run project : Mac mini m2 react native : 0.77.0 r...github.com소스코드를 ..

해결방법은 간단하다. cd ios && pod install 원인은 그냥 pod가 최신화되지 않아서 그런 것.이거때문에 괜히 node_modules를 삭제하고 고생을.. 요즘 웹보다 RN만지는 앱개발이 재밌음 ㅎ

const navigation = useNavigation(); const handlePressModal = () => { navigation.navigate([드로워에 있는 stack네비게이터 카테고리 페이지], { screen: [드로워, 스택 네비게이터에 있는 공통페이지], params: { screen: [스택 네비게이터에 있는 특정페이지] params: {id: post.id}, // 넘길 데이터 initial: false, // 뒤로가기시 stack 내부에서 이동하는 것 설정. // 이걸 이용하면, 뒤로가기시 접속 페이지가 아닌 카테고리 첫번째 페이지로 이동함. } }); };  이동할때..

.env에 접근하는 방법은 process.env.REACT_APP_DOMAIN은 리액트의 경우였다. RN의 경우 좀 까다롭다.ios, android 둘다 설정해줘야하기때문에..https://www.npmjs.com/package/react-native-config react-native-configExpose config variables to React Native apps. Latest version: 1.5.3, last published: 6 months ago. Start using react-native-config in your project by running `npm i react-native-config`. There are 221 other projects in the npm regi..