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

프론트엔드 특강 2022년 4월 4일 저녁 8시 학원에서 스터디 같이 하시는 분의 선배가 진행하시는 특강을 들어보는 것을 추천하며 단체 카톡방에 링크를 보내주었다. 웹에 대해서 이해하고 언어에 대해서 설명해 주는 특강이었다면 듣지 않았을 거 같다. 요즘은 구글에만 검색해도 수많은 강의들이 쏟아져 나온다. 그런데 이 특강은 주제가 너무 새로웠다. “제대로 취업하고 싶은 예비 프론트엔드 개발자를 위한 가장 효과적인 공부법” 특강의 제목부터 이거는 꼭 들어야겠다!라고 마음먹었다 그래서 같이 스터디를 진행하는 분들과 신청을 하게 되었고 굉장히 설레는 마음으로 카페에서 초코라떼를 마시며 특강을 들었다. 처음에는 류디님께서 이 특강을 왜 진행하는지 설명해 주시고 공부 방식에 대해서 설명해 주셨다. 제일 마음에 와닿..

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

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