Dahee's Solution Hub

라이브러리 https://github.com/react-native-community/react-native-device-info react-native-community/react-native-device-info Device Information for React Native iOS and Android - react-native-community/react-native-device-info github.com 이를 이용하면 휴대폰에 관한 정보를 얻을 수 있다. 내가 자주 사용하는 함수들만 모아보았다. import DeviceInfo, { getApiLevel, getBrand, getVersion, getBuildNumber, getSystemVersion, getUniqueId, getModel,..

1. Firebase 연동https://dev-yakuza.github.io/ko/react-native/react-native-firebase-v6-installation/ react-native-firebase V6 설치React Native에서 Firebase를 사용하기 위해 react-native-firebase(V6)을 설치하는 방법에 대해서 알아봅시다.dev-yakuza.github.io- iOS 설치 시 오류react native firebase terminating with uncaught exception of type NSExceptionhttps://github.com/invertase/react-native-firebase/issues/1378GoogleService-Info.pli..

0. 환경react-native: 0.61.5react-native-splash-screen: 3.2.0 1. 설치https://github.com/crazycodeboy/react-native-splash-screen crazycodeboy/react-native-splash-screenA splash screen for react-native, hide when application loaded ,it works on iOS and Android. - crazycodeboy/react-native-splash-screengithub.comnpm i react-native-splash-screen --savecd ios && pod install && cd ..auto link 지원되므로 다른거 할 필..

1. 아폴로란?https://www.apollographql.com/docs/react/- Apollo Client는 JavaScript 앱을 위한 상태 관리 라이브러리- GraphQL 쿼리를 작성하기 만하면 Apollo Client가 데이터를 요청하고 캐싱하고 UI를 업데이트한다.- 리덕스와 작별할 수 있다! 2. 설치npm install apollo-boost @apollo/react-hooks graphql react-apolloapollo-boost: Package containing everything you need to set up Apollo Client@apollo/react-hooks: React hooks based view layer integrationgraphql: Also pa..

1. 라이브러리https://github.com/react-native-community/react-native-webview react-native-community/react-native-webviewReact Native Cross-Platform WebView. Contribute to react-native-community/react-native-webview development by creating an account on GitHub.github.com2. 설치https://github.com/react-native-community/react-native-webview/blob/master/docs/Getting-Started.md react-native-community/react-n..

gif 파일을 표시해보자.  - iOS따로 할거 없음!대신, gif를 적용했을 때 조금 느리게 렌더링될 수 있으므로, fast image 라이브러리를 이용하는게 좋다.github.com/DylanVann/react-native-fast-image DylanVann/react-native-fast-image🚩 FastImage, performant React Native image component. - DylanVann/react-native-fast-imagegithub.com  - Androidandroid/app/build.gradle - dependencies에 추가 implementation 'com.facebook.fresco:fresco:1.+' implementation 'co..

parent view의 속성 onLayout을 이용하면event.nativeEvent.layout.height를 통해 height를 알 수 있다.import React, {useState} from 'react';import {View} from 'react-native';export default ({routine, onMidBtnPress, children}: Props) => { const [parentHeight, setParentHeight] = useState(0); const onLayout = event => { const {height} = event.nativeEvent.layout; setParentHeight(height); }; return ( ..

1. library not found for -lAppAuth .xcodeproj 를 열어서 라이브러리를 못찾았다. Pods를 쓰면 xcode로 프로젝트 열 때 xcworkspace 로만 열어야 한다. .xcworkspace 를 열어서 빌드해보자! -> 그랬더니 2번째 에러 2. Build input file cannot be found: '/Users/daheeahn/Downloads/GoogleService-Info.plist' xcode에는 GoogleService-Info.plist가 있는데 vscode 상으로는 안보여서 Firebase에서 파일 다시 다운로드 받아서 vscode에 넣어서 빌드해보니 됐다!

1. redux hooks 이해하기 https://velog.io/@velopert/react-redux-hooks react-redux 에서 Hooks 사용하기리덕스 v7.1 에 Hooks 기능이 alpha 로 탑재되었습니다. 한번 실습을 통하여 사용 방법을 알아봅시다.velog.io   여기서 selector 는 우리가 기존에 connect 로 사용 할 때 mapStateToProps 와 비슷하다고 생각하시면 됩니다. deps 배열은 어떤 값이 바뀌었을 때 selector 를 재정의 할 지 설정해줍니다. deps 값을 생략 하시면 매번 렌더링 될 때마다 selector 함수도 새로 정의됩니다.   2. 최적화 하기https://react.vlpt.us/redux/08-optimize-useSelect..

1. 날씨 APIhttps://home.openweathermap.org/api_keys MembersEnter your email address and we will send you a link to reset your password.home.openweathermap.orgapi key 확인하고~ 위도 경도 필요해https://coding-dahee.tistory.com/171 [React Native] 현재 위치 위도/경도 알기- 라이브러리 https://github.com/react-native-community/react-native-geolocation react-native-community/react-native-geolocation Geolocation APIs for React Nat..