본문 바로가기

프로그래밍/React Native24

[React Native] pnpm monorepo 사용 시, metro error react-native 0.72.4 프로젝트가 pnpm monorepo로 되어 있고 mobile을 추가하기 위해 React Native CLI Quickstart로 프로젝트 설치 및 설정하고 pnpm start 실행하니 두둥! error: Error: Unable to resolve module react-native from /Users/project.../index.js: react-native could not be found within the project or in these directories: node_modules ../../node_modules 역시 react native는 만만한 상대가 아니였... 이것저것 테스트해 본 결과, yarn으로 실행시에는 yarn start나 yarn .. 2023. 9. 15.
[React Native] Ignoring ffi-1.15.0 because its extensions are not built 오랜만에 React Native를 최신버전(0.72)으로 설치 후 실행해보았다 두둥! 넌 누구냐... 프로젝트 생성하고 실행한 거 밖에 없는데 warning과 error들 warning: Unable to read contents of XCFileList error: Unable to load contents of file list 등등... 계속 모른체하고 옛날 지식으로 pod install을 추가로 실행해보았더니, Ignoring ffi-1.15.0 because its extensions are not built. Try: gem pristine ffi --version 1.15.0 Ignoring ffi-1.15.0 because its extensions are not built. Try: ge.. 2023. 9. 7.
[React Native] TypeScript 빨간맛, 'View' cannot be used as a JSX component. react: 17.0.2 react-native: 0.65.1 TS2786: 'View' cannot be used as a JSX component. Its instance type 'View' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'import("/Users/.../node_modules/@types/react-native/node_modules/@types/react/index"). ReactNode' is not assignable to type 'React.ReactNode'. Type '{}' is not assignable to type 'Rea.. 2022. 9. 26.
[React Native] Keychain에 android.keystore 암호 저장하기 only for OS Publishing to Google Play Store · React Native Android requires that all apps be digitally signed with a certificate before they can be installed. In order to distribute your Android application via Google Play store it needs to be signed with a release key that then needs to be used for all future upd reactnative.dev 위의 문서에서 보면 Setting up Gradle variables에서 Note에 Avoiding plaintext passwords in.. 2022. 9. 24.
[React Native] CodePush Test 방법 CodePush 설정을 다했다고 가정. Android와 iOS 모두 가상기기에 설치를 했다면 codepush를 해보자 React Native Project에서 간단하게 Text만 변경해놓고 appcenter codepush release-react -a / -d 추가적인 옵션은 react-native-code-push문서에 나온 것처럼 CLI docs 등에서 확인하자 codepush가 완료되면 appcenter codepush deployment list -a / 위의 명령어로도 확인할 수 있고 MS Visual Studio App Center에서도 확인할 수 있다(이건 이미 기본 설정을 했으니 알겠지만 정리 차) 기본적인 설정만 했다면 기기에서 codepush를 다운로드 완료 후에 다음 앱 재시작 때 .. 2022. 9. 24.