전체 글 210

[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.3cd ios && pod installiOS & Android Post Installationgithub.com/react-native-seoul/react-native-kakao-login#post-installationPost Installat..

[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 NavigationReact Navigation is written with TypeScript and exports type definitions for TypeScript projects.reactnavigation.org - Usage1. Navigation.tsximport React, {ReactElement} from..

[React Native] Apple Login 애플 로그인 구현하기 / Sign in with Apple

성공적인 루틴 관리를 원하시나요? 지금 바로 스토어에서 "루빗"을 검색해보세요![ 제가 직접 개발에 참여한 어플입니다 :) ] 루빗 홈페이지플레이스토어앱스토어✨ 와디즈 펀딩 오픈예정 구경하기 ✨ 와디즈 오픈예정 | 내 손 안의 매니저 루빗 : 습관, 하루 루틴, 할 일까지 관리해드릴게요내 손 안의 매니저 루빗 : 습관, 하루 루틴, 할 일까지 관리해드릴게요www.wadiz.kr - 환경react-native: 0.61.5 - 목적iOS 앱에 소셜로그인(카카오, 네이버 등)이 포함되어있다면, 애플로그인도 꼭 포함해야함. 귀찮다!!!!!https://developer.apple.com/kr/news/?id=09122019b Apple로 로그인에 대한 신규 가이드라인 - 뉴스 - Apple Developer사..

[React Native] react-native-gesture-handler 사용법

- 환경react-native: 0.61.5 - 라이브러리https://software-mansion.github.io/react-native-gesture-handler/docs/getting-started.html Getting Started · React Native Gesture HandlerGesture Handler aims to replace React Native's built in touch system called [Gesture Responder System](http://facebook.github.io/react-native/docs/gesture-responder-system.html).software-mansion.github.io- 목적어떠한 뷰가 있을 때 그 뷰를 왼쪽 오른..

[React Native] 코드푸시 & 테스트 플라이트

1. react-native-code-push 설치https://github.com/Microsoft/react-native-code-push microsoft/react-native-code-pushReact Native module for CodePush. Contribute to microsoft/react-native-code-push development by creating an account on GitHub.github.com- ios, android 따라가기https://github.com/microsoft/react-native-code-push/blob/master/docs/setup-ios.mdhttps://github.com/microsoft/react-native-code-pus..

[React Native] react-native-svg 사용법 (점과 점 사이를 선으로 긋는 애니메이션 구현하기)

https://github.com/react-native-community/react-native-svg react-native-community/react-native-svgSVG library for React Native, React Native Web, and plain React web projects. - react-native-community/react-native-svggithub.com오늘 사용할 라이브러리! - 내가 원하는 것: 화면 내에서 원하는 점과 점 사이를 선으로 긋고 싶다.  import React, {useEffect, useState, useRef} from 'react';import {Svg, Line} from 'react-native-svg';const Animate..

[GraphQL] passport로 인증기능 만들기

server.js require("dotenv").config(); import logger from "morgan"; // 필요한지 잘 모르겠지만 import "./passport"; import passport from "passport"; // import { ApolloServer } from "apollo-server-express"; // 이걸로 하면 request context에 제대로 안날아옴 import { GraphQLServer } from "graphql-yoga"; import schema from "./schema"; import { authenticateJwt } from "./passport"; import express from "express"; import { isAut..

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