전체 201

[React/RN] useMutation react-apollo-hooks error

- version"react-apollo-hooks": "^0.5.0","@apollo/react-hooks": "^3.1.3", - useMutation을 쓰려하니까 에러가 났다.Could not find "client" in the context or passed in as a prop. Wrap the root component in an , or pass an ApolloClient instance in via props. // import {useMutation} from 'react-apollo-hooks';import {useMutation} from '@apollo/react-hooks';react-apollo-hooks에서 import 하니까 난 에러였다. 이 버전에 문제가 있나보다.@a..

React-navigation v5 에서 v4 때 쓰던 API 사용하는 방법 (ex. withNavigation, ... )

How to use withNavigation in react-native version 5 https://reactnavigation.org/docs/compatibility/ React Navigation > Note: Before following this guide, make sure that you've followed the [Getting Started](getting-started.md) guide to setup React Navigation 5 in your app. reactnavigation.org 다행히도, v5 이전의 API를 지원하는 패키지가 따로 있다. If you were importing actions from react-navigation, you need to chan..

React Native Boiler Plate NPM package

자주 쓰는 라이브러리 미리 설치된 것으로 볼 수 있는데 npm 패키지 만들어보기. git clone으로 진행했더니 appName 엉망이라....!!!!! 시간 날 때마다 진행해보자. 1. react-navigation v5 / styled-components / vector-icons https://coding-dahee.tistory.com/121 [RN] react-navigation ***v5*** 사용법 [참고링크] https://yuddomack.tistory.com/entry/React-Navigation%EC%9C%BC%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%83%AD-%EB%84%A4%EB%B9%84%EA%B2%8C%EC%9D%B4%ED%84%B0-%ED%..

2020년 개발 일지

체크리스트- endpoint 클라에서 숨겨야 함!- 애플로그인 고유값 뭔지 iphone se로도 해보고 애플로그인 포스팅 업데이트하기id랑 token 둘 다 저장!?- 리덕스 타입 체킹- dispatch, state type checking 8/18 (화)- 앱 내 화면 공유 및 저장하기 https://coding-dahee.tistory.com/210 - 커밋 메세지 하나로 만들기https://coding-dahee.tistory.com/211 8/15 (토)- 파이어베이스 테스트용 릴리즈용 앱 나누기https://coding-dahee.tistory.com/209 8/10 (월)- 진동/무음 시 소리 울리기https://coding-dahee.tistory.com/206  7/30 (금)- 앱 화면 ..

Archive 2020.03.05

[React Native] Bolier Plate 보일러 플레이트 코드

https://github.com/daheeahn/react-native-bolier-plate daheeahn/react-native-bolier-plate react native bolier plate with react-navigation. Contribute to daheeahn/react-native-bolier-plate development by creating an account on GitHub. github.com [포함 라이브러리] - react-navigation - styled-component 사실 이 2개를 설치하기 귀찮아서 만든 보일러 플레이트! 자세한 사항은 README를 참고해주세요!

local notification 안드로이드 알람이 멈추지 않을 때 (react-native-push-notification)

local notification 안드로이드 알람이 멈추지 않을 때 (react-native-push-notification) - 사용 라이브러리https://github.com/zo0r/react-native-push-notification - 환경RN 0.61.5 - 버그안드로이드 설치 따라하고, local notification을 실행시켜 봤는데, 알림이 멈추지 않고 계속 왔다.Android Notification Keep showing infinitely.  - UsagePushNotification.localNotification({ /* Android Only Properties */ id: '0', // (optional) Valid unique 32 bit integer spec..

[React Native] react-native-maps 구글맵

- 환경: RN 0.61.5 - 라이브러리 https://github.com/react-native-community/react-native-maps - google api key 생성 https://developers.google.com/maps/documentation/ios-sdk/get-api-key get api key 부분 그대로 - 설치 https://github.com/react-native-community/react-native-maps/blob/master/docs/installation.md installation 대로 따라하기! android installation 따라하고 아래는 추가로 해준거! 1) Build configuration on Android project-wide ..

[React Native] NFC 스캔 - 안드로이드

[사용 라이브러리] https://www.npmjs.com/package/react-native-nfc-manager react-native-nfc-manager A NFC module for react native. www.npmjs.com [환경] RN 0.61.5 1. 라이브러리 설치 # RN >= 0.60 npm i --save react-native-nfc-manager 2. Set Up AutoLink가 되므로 안드로이드는 해줄게 없음! 근데 android/app.src/main/AndroidManifest.xml 태그 안에 추가? https://medium.com/@eungook/react-native%EC%97%90%EC%84%9C-nfc%EB%A5%BC-%EC%9D%BD%EC%96%B4%..

[GraphQL / Apollo] 도입해보기

https://coding-dahee.tistory.com/111아폴로 습득 후 직접 해보기! 목적: redux, context 대체. 1. isLoggedIn 이라는 변수 만들고 cache에서 가져와보기 client/src/apollo/Apollo.jsimport {resolvers, typeDefs} from './resolvers';import {ApolloClient} from 'apollo-client';import {HttpLink} from 'apollo-link-http';import {InMemoryCache} from 'apollo-cache-inmemory';const cache = new InMemoryCache();const link = new HttpLink({ uri: 'ht..

Study/GraphQL 2020.03.02

[Roubit] 개발일지

https://github.com/wmcmahan/react-native-calendar-events wmcmahan/react-native-calendar-events📆 React Native Module for iOS and Android Calendar Events - wmcmahan/react-native-calendar-eventsgithub.com react-native link react-native-calendar-events했음 https://github.com/wmcmahan/react-native-calendar-events/wiki/iOS-setupinfo.plist 추가하니 권한 요청할 때 크래시 사라짐. 그냥.... 알람은.... 커스텀이었던거다. yarn add react-n..

Archive 2020.02.25
출처: https://mingos-habitat.tistory.com/34 [밍고의서식지:티스토리]