react-native-gesture-handler, react-native-reanimated 등유명하고 사용자들을 많이 보유하고 있는 라이브러리를 만든 software mansion에서 React Native IDE의 베타버전을 공개했다.현재는 비공개로 베타회원만 사용이 가능하다.베타로 사용해 보고싶다면 https://forms.gle/sZ5GzxYyFJKz3Q9r6 이 링크로 들어가서 양식을 제출하면 된다. React Native IDE는 vscode의 익스텐션으로 출시가 된다.베타버전은 무료이지만 나중에 릴리즈버전으로 출시된다면 어느 정도의 금액을 받을 것으로 예상된다. 충분히 금액을 지불하고 사용할 생각이 있다고 느꼈으며 어떤 기능이 있는지 알아보자| IDE Panel이제는 시뮬레이터를 vsco..

| react-native-dotenv 란 babel 플러그인을 사용하며 여러 환경에 대해 dotenv를 사용하여 환경 변수를 자바스크립트 환경에 주입할 수 있다. 리액트 네이티브와 함께 사용하기에 가장 적합하며 웹을 포함한 모든 버전에서 작동하는 npm 모듈이다. https://github.com/goatandsheep/react-native-dotenv GitHub - goatandsheep/react-native-dotenv: Load react native environment variables using import statements for multiple env file Load react native environment variables using import statements for ..

| 만든 이유 항상 프로젝트를 진행하다보면 초기에 세팅하고 여러가지 npm 모듈을 받는데에 많은 시간을 쏟는다. 모듈을 미리 받아놓고 자주 사용하는 것들을 컴포넌트로 빼놓으면 어떠한 프로젝트를 진행할 때 git에서 클론을 받아서 사용하면 초기 설정의 시간을 줄일 수 있다고 생각했다. Button이나 Input은 매번 디자인에 따라 달라지기 때문에 따로 만들어 놓지는 않았지만 앞으로 더 좋은 방안을 찾아가며 업데이트를 해야될거같다 또한 타입스크립트도 추가 할 생각이다. | 프로젝트 구조 |____recoil | |____control.js | |____test.js |____asset | |____asset.js | |____icon | | |____logo.png |____components | |___..

React-Native Track Player 💡 react-native track player는 react-native 모바일 응용 프로그램에서 오디오 파일을 재생할 수 있는 javaScript 라이브러리이다. 오디오파일 재생을 쉽게 구현하고 진행률을 파악할 수 있으며 다양한 이벤트를 처리하는 인터페이스를 제공한다 설치 npm install react-native-track-player or yarn add react-native-track-player IOS = cd ios && pod install 사용법 import TrackPlayer from 'react-native-track-player'; // ... TrackPlayer.setupPlayer().then(() => { //..

🔴 VIewPropType 관련 이슈 // 에러코드 ERROR Invariant Violation: ViewPropTypes has been removed from React Native. Migrate toViewPropTypes exported from 'deprecated-react-native-prop-types'. ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also ha..

React-native 이미지 로딩 1. 원하는 로딩 Lottie 찾기 LottieFiles: Download Free lightweight animations for website & apps. 위의 링크로 들어가면 수 많은 애니메이션을 json파일로 가져와서 이쁘게 사용할 수 있다. 주로 나는 로딩, 요청이 성공했을 때 Lottie를 주로 사용한다. 원하는 애니메이션을 찾고 json으로 저장한다. 2. 공통적인 컴포넌트 만들기 적용 전에 package.json에 아래의 코드를 추가한다. "lottie-react-native": "^5.1.4", 이후 npm install을 해서 package.json의 의존성을 설치한다. npm install 이제 컴포넌트를 만든다. 컴포넌트의 장점은 하나만 만들어놓..