Development 195

[React Native] Redux Saga (개인공부용)

참고블로그 https://jeonghwan-kim.github.io/dev/2019/07/22/react-saga-ts-1.html 1. 비동기와 동기의 차이 https://private.tistory.com/24 동기와 비동기의 개념과 차이 데이터를 받는 방식인 동기와 비동기. 이 둘의 개념에 대해 설명하는 게시물은 매우 많은데 프로그래밍적으로 생각했을 때 이해가 가지 않아서 쉽게 이해를 할 수 있는 동기와 비동기의 예가 �� private.tistory.com 동기: 동시에 일어난다. 비동기: 요청과 결과가 동시에 일어나지 않는다. 2. REST API https://private.tistory.com/28?category=655782 REST API의 탄생/구성/특징 등 REST API의 탄생 - ..

[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. init yarn 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 nexus yarn add graphql 7. import 인식못해서 yarn add @babel/preset-env .babelrc { "presets": ["@babel/preset-env"] } 8. 아.. 근데 ts-node로 하는거네 ts는 yar..

Development/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 {co..

[React Native] (2021 v3 업데이트) Kakao login 카카오 로그인 구현하기

😉 제가 직접 운영중인 어플 "루빗"을 다운받아보세요! (루틴 관리 어플) 🐰 루빗 홈페이지 플레이스토어 앱스토어 그럼 이제 카카오 로그인 시작하겠습니다! 환경 react-native: 0.63.4 @react-native-seoul/kakao-login: 3.0.3 라이브러리 https://github.com/react-native-seoul/react-native-kakao-login 설치 yarn add @react-native-seoul/kakao-login@3.0.3 cd ios && pod install iOS & Android Post Installation github.com/react-native-seoul/react-native-kakao-login#post-installation Po..

[React Native] 에러 모음

1. 카카오로그인 추가하는 과정에서 생긴 오류 * What went wrong: Execution failed for task ':react-native-firebase:javaPreCompileDebug'. > Could not resolve all files for configuration ':react-native-firebase:debugCompileClasspath'. > Could not find okhttp.jar (com.square android/build.gradle 에서 allprojects { repositories { mavenLocal() maven { // All of React Native (JS, Obj-C sources, Android binaries) is install..

[React Native] react-navigation **v5** type checking with typescript / 타입스크립트 타입체킹

- 환경 react-native: 0.61.5 "@react-navigation/native": "^5.0.7", "@react-navigation/stack": "^5.0.8", - 목적 A화면에서 B화면으로 params와 함께 navigate를 하고 싶은데, 타입 체킹도 하고싶음!! - 공식문서 https://reactnavigation.org/docs/typescript/ React Navigation React Navigation is written with TypeScript and exports type definitions for TypeScript projects. reactnavigation.org - Usage 1. Navigation.tsx import React, {ReactElem..

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