| 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 | |___..

🔴 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 이제 컴포넌트를 만든다. 컴포넌트의 장점은 하나만 만들어놓..