티스토리

코딩하는 크롱

검색하기

블로그 홈

코딩하는 크롱

hoopiler.tistory.com/m

지후라보노 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

[React Native IDE] 이런게 나온다고? react-native-gesture-handler, react-native-reanimated 등유명하고 사용자들을 많이 보유하고 있는 라이브러리를 만든 software mansion에서 React Native IDE의 베타버전을 공개했다.현재는 비공개로 베타회원만 사용이 가능하다.베타로 사용해 보고싶다면 https://forms.gle/sZ5GzxYyFJKz3Q9r6 이 링크로 들어가서 양식을 제출하면 된다. React Native IDE는 vscode의 익스텐션으로 출시가 된다.베타버전은 무료이지만 나중에 릴리즈버전으로 출시된다면 어느 정도의 금액을 받을 것으로 예상된다. 충분히 금액을 지불하고 사용할 생각이 있다고 느꼈으며 어떤 기능이 있는지 알아보자| IDE Panel이제는 시뮬레이터를 vsco.. 공감수 0 댓글수 0 2024. 5. 23.
[RN] react-native-dotenv에서 개발환경에 따른 빌드 방법 | 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 .. 공감수 0 댓글수 0 2024. 2. 26.
React-native 기본 세팅 템플릿 만들기 | 만든 이유 항상 프로젝트를 진행하다보면 초기에 세팅하고 여러가지 npm 모듈을 받는데에 많은 시간을 쏟는다. 모듈을 미리 받아놓고 자주 사용하는 것들을 컴포넌트로 빼놓으면 어떠한 프로젝트를 진행할 때 git에서 클론을 받아서 사용하면 초기 설정의 시간을 줄일 수 있다고 생각했다. Button이나 Input은 매번 디자인에 따라 달라지기 때문에 따로 만들어 놓지는 않았지만 앞으로 더 좋은 방안을 찾아가며 업데이트를 해야될거같다 또한 타입스크립트도 추가 할 생각이다. | 프로젝트 구조 |____recoil | |____control.js | |____test.js |____asset | |____asset.js | |____icon | | |____logo.png |____components | |___.. 공감수 0 댓글수 0 2023. 7. 22.
React Native Track Player (앱에서 오디오파일 재생하기) 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(() => { //.. 공감수 0 댓글수 0 2023. 4. 27.
[❗️Issue❗️] ViewPropTypes ERROR 🔴 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.. 공감수 0 댓글수 0 2023. 4. 26.
React-native에서 이미지 로딩 걸기 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 이제 컴포넌트를 만든다. 컴포넌트의 장점은 하나만 만들어놓.. 공감수 1 댓글수 0 2023. 4. 25.
React-native-iap (인앱결제 모듈 간단하게 메서드 정리) getInstallSourceAndroid param x initConnection param x 구매 흐름을 위한 init 모듈. Android에서는 필수. ios에서는 사용자가 결제할 수 있는지 확인 endConnection = 안드로이드 param x 구매 흐름을 위한 엔드 모듈 flushFailedPurchasesCachedAsPendingAndroid = 안드로이드만 지원 param x 이미 실패했지만 Play Store 캐시에 보류 중으로 표시된 보류 중인 결제를 사용 getProducts param (skus: string[]) 제품 목록 가져오기(소비 및 비소모 품목, 구독 제외) getSubscriptions param (skus: string[]) 구독 목록 가져오기 getPurchas.. 공감수 0 댓글수 0 2023. 4. 24.
React-native에서의 폰트 세팅 -android 프로젝트 디렉토리에서 android/app/src/main/assets/fonts 폴더를 생성한 후 다운로드 받은 폰트 파일을 추가한다 사용방법 // styled-component const MainText = styled.Text` font-family: "NotoSansKR-Bold"; `; -ios 프로젝트 디렉토리에서 ios 폴더에 Fonts 폴더를 생성하고 해당 폴더에 사용할 폰트 파일을 넣어준다 (otf,ttf) ios/project_name.xcodeproj이나 ios/project_name.xcworkspace을 실행하여 xcode를 실행 자신의 프로젝트에서 우클릭하여 Add Files to ‘프로젝트이름’ 클릭 ios/Fonts 폴더를 선택 -> Create folder .. 공감수 0 댓글수 0 2023. 4. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.