Development 195

[React Native] react-native-permission 사용법

[환경] react-native: 0.61.5 https://github.com/react-native-community/react-native-permissions react-native-community/react-native-permissions An unified permissions API for React Native on iOS and Android - react-native-community/react-native-permissions github.com PHOTO_LIBRARY (갤러리) 접근 권한 허용을 위해 오늘 쓸 라이브러리! 문서가 잘 정리되어 있어서 그대로 따라가겠음! 1) SetUp $ npm install --save react-native-permissions # --- o..

[React Native] NFC 태그 시 앱/어플 실행시키는 방법 (Android 위주)

[Android] 방법1. 실행시키길 원하는 앱의 소스코드 만지기 결과적으로는 https://github.com/observ3r/nfc-ndef-react-native 에 있는 android 코드를 사용했더니 됐다! (라이브러리 설치 없이) 1) android/app/src/main/AndroidManifest.xml 에 다음 권한 추가 2) 같은 파일에 다음 코드 추가 ... activity 태그 안에 기존 intent-filter도 있다. intent-filter를 정확하겐 모르지만 앱을 클릭해서 실행 또는 nfc로 태그해서 실행할 수 있음을 의미하는게 저 2개의 intent-filter 같음! 3) android/app/src/main/res/xml/nfc_tech_filter.xml (xml 폴더..

[React Native] run-android 되지 않을 때 / Could not compile settings file /JDK 문제

- 에러1 react-native run-android 디바이스 연결도 잘 되어있는데 안됐다. (참고로 예전 맥북에서 새 맥북으로 바꿔서 안드로이드 실행 처음 해보는거였음) 에러 뜸 * What went wrong: Could not compile settings file '/Users/daheeahn/Desktop/DaheeSpace/roubit_app/android/settings.gradle'. > startup failed: General error during semantic analysis: Unsupported class file major version 57 jdk 13을 깔아서 생겼던 문제. 이곳에서 jdk 8을 깔자 https://igeniusdo.tistory.com/11 맥(MAC)..

[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 하니까 난 에러였다. 이 버전에 문제가 있나..

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

개발 일지

ㅌ 체크리스트 - 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/3..

Development 2020.03.05

[React Native] react-native-push-notification local notification 안드로이드 알람이 멈추지 않을 때

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

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

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