프로그래밍/React-Native <JSX>34 [React-Native] 특정 버전으로 프로젝트 시작하기 명령0.73.3 버전으로 프로젝트를 시작하고 싶다면npx react-native init ProjectName --version 0.73.3 참고 자료 npx react-native init AwesomeProject --version X.XX.X always init latest-version project · Issue #34132 · facebook/react-nativDescription I want to init an app with custom version of react-native, I run npx react-native init AwesomeProject --version X.XX.X but it inits a project with: "dependencies": { "react":.. 2024. 9. 18. [React-Native] Windows 운영체제에 React-Native 개발 환경 구축하기 맥에서만 작업하다가 윈도우에서 작업해야할 일이 생겼습니다. 윈도우에 React-Native 개발 환경을 구축하는 방법을 안내합니다. JDK 설치 아래 링크를 통해 JDK 11을 설치합니다. Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com 설치 후 프롬프트를 열어 아래 명령을 통해 JDK 설치 여부를 확인합니다. java -version Node.js 설치 Node.js LTS 버전을 설치해 주세요. 글 작성일 기준 최신 LTS 버전은 18.17.1이었네요. Do.. 2023. 8. 23. [React-Native/오픈소스활동] Modal이 전체 화면을 덮도록 구현하는 방법 개요 안드로이드에서 React-Native 앱 개발 중 Modal 사용 시 상단 StatusBar를 덮지 않는 문제를 제시 문제 분석 이러한 상황을 조치할 수 있도록 React-Native statusBarTranslucent 속성을 설정할 수 있음 따라서 해당 문제는 React-Native의 버그나 개선해야 할 사항이 아님 문제 조치 해결 방법 안내 및 스크린샷 첨부 소스 코드 statusBarTranslucent 속성을 적용한 예제 import React, {useState} from 'react'; import {Text, View, Modal} from 'react-native'; export default function App() { return ( Lorem ipsum dolor sit am.. 2023. 8. 23. [React-Native] Metro 자바스크립트 번들러에 대한 이해 개요 Metro는 메타에서 제공하는 React-Native용 자바스크립트 번들러입니다. 자바스크립트 번들러 번들러의 필요성과 역할 일반적으로 효율적인 유지 보수를 위해 여러 파일로 쪼개어 관리 여러 파일로 분기화된 프로젝트 내부에서 각 파일들은 import또는 require을 통해 상호 작용하도록 설계 그러나 클라이언트는 이를 이해할 수 없으며 이해할 수 있더라도 호환성 문제(다른 클라이언트가 동일하게 이해한다는 보장이 없음) 여러 파일로 쪼개서 관리하는 방식을 유지하며, 클라이언트 호환성을 보장하기 위해 번들러 사용 번들러는 프로젝트 내 여러 파일들의 상호 작용을 이해, 클라이언트 호환성을 보장하는 단일 자바스크립트 파일로 만들어 줌 Metro React-Native용 번들러 Metro를 메타에서 제공.. 2023. 8. 16. [React-Native/오픈소스활동] Suspense 사용 방법 개요 이슈 작성자가 이슈를 삭제하였습니다. 이슈 스크린샷이 없다는 점 참고 부탁드립니다. React-Native에서 Suspense가 동작하지 않는다는 이슈가 있었습니다. Suspense는... React 18에서 공식적으로 지원하는 컴포넌트 React-Native에서도 Suspense를 사용할 수 있음 써드파티 라이브러리 수준에서 Suspense를 쉽게 활용할 수 있도록 지원 따라서 이를 지원하는 써드파티 라이브러리(react-query 등)를 사용하는 것이 편함 직접 구현하는 방법 중 하나로 promise객체를 다루는 함수를 추가로 작성하는 방법이 있음 문제 분석 이슈 작성자는 Suspense의 올바른 사용법을 숙지하지 않은 상태로 Suspense가 동작하지 않는다고 이슈를 생성 조치 Suspense.. 2023. 8. 15. [React-Native/오픈소스활동] ... does not contain a gradle build 안드로이드 스튜디오 에러 해결 개요 프로젝트 디렉토리를 안드로이드 스튜디오로 여는 경우 아래와 같은 에러가 발생할 수 있습니다. Directory 프로젝트명 does not contain a Gradle build ... 해결 방법 프로젝트 디렉토리가 아닌 프로젝트/android 디렉토리를 안드로이드 스튜디오로 열어보세요. 안드로이드 스튜디오는 프로젝트가 안드로이드 네이티브 프로젝트임을 가정하고 gradle 스크립트를 찾습니다. 프로젝트/android 디렉토리를 열어 gradle 스크립트를 문제없이 찾을 수 있도록 해야 합니다. 은근 많은 분들이 겪으시는 실수 같습니다. 메타 엔지니어 코르티쌤께서도 맞다고 해주셨네요. 참고 링크 React native screen and react safe area view is crashing , .. 2023. 8. 15. 이전 1 2 3 4 ··· 6 다음
