전체 글 210

[React Native] Gif 파일 표시하기

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

[React Native] library not found for -lAppAuth / Build input file cannot be found:에러

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에 넣어서 빌드해보니 됐다!

[React Native] react-redux hooks

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

[React Native] 날씨 API, 역지오코딩(위도/경도 > 주소), 미세먼지 API

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

[React Native] 현재 위치 위도/경도 알기

- 환경 react-native: 0.61.5 @react-native-community/geolocation: 2.0.2 - 라이브러리 https://github.com/react-native-community/react-native-geolocation react-native-community/react-native-geolocation Geolocation APIs for React Native. Contribute to react-native-community/react-native-geolocation development by creating an account on GitHub. github.com - 설치 yarn add @react-native-community/geolocation - ..

[React Native] Google Login 구글 로그인 / 소셜 로그인 / 디버그용 릴리즈용 플레이스토어용 SHA-1

1. firebase 연결https://chobodogfootruler.tistory.com/28 1. 개초보도 할 수 있는 Firebase 연결(간단 SHA키 등록까지)오랜만에 다시 티스토리에 왔다.... 졸작도 끝났고... 취업은 아직이라 시간이 떠버렸다... 졸작을 하면서 느꼈는데, Firebase도 연결을 못하는 친구들이 많다는 것을 알았다.. 외부 DB연결은 하면서.. Firebase를..chobodogfootruler.tistory.com여기 보면서 firebase 설정 중 ios는https://romeoh.tistory.com/entry/React-Native-Firebase-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 [React Native] Firebase 연동하기..

GQL서버 init

1. inityarn init 2. src/index.ts 생성 3. 설치yarn add @babel/{node,cli,core} nodemon 4. package.json "scripts": { "dev": "nodemon --exec babel-node src/index.ts" } 5. nodemon.json 파일 생성 (root에)nodemon이 감시해야 할 파일의 확장자 지정{ "ext": "js graphql"} 6. yarn add nexusyarn add graphql   7. import 인식못해서yarn add @babel/preset-env .babelrc{ "presets": ["@babel/preset-env"]} 8. yarn add ts-node -Dyarn add..

Study/GraphQL 2020.04.10

[노마드코더] 초보자를 위한 리덕스 101

(기록 목적으로 작성한 글입니다) # 필요한 코드만 요약- package.json"scripts": { "postinstall": "rndebugger-open"} - 설치$ yarn add redux react-redux @reduxjs/toolkit redux-devtools-extension redux-thunk$ yarn add react-native-debugger-open --save-dev$ yarn postinstall *** 최종코드import {createStore, applyMiddleware} from 'redux';import {createSlice} from '@reduxjs/toolkit';import {composeWithDevTools} from 'redux-devtool..

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