전체 238

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

AWS에 서버 배포하기

- http://ec2-3-135-188-254.us-east-2.compute.amazonaws.com:4466 - http://ec2-3-135-188-254.us-east-2.compute.amazonaws.com:4000 - heart-signal server 브랜치에 있는거 서버 올릴거임. https://github.com/JaegyunAhn/heart-signal - 프리즈마 클라우드가 미국, 유럽에 있어서 느린거. -> 한국 리전에 커스텀으로 올리면 된다! - aws 편한점: 서버를 다 만들어준다. - aws 불편한점: 이렇게 쓰면 되는데 왜 되는지 잘 모르는 사람도 있음 - EC2: 컴터 빌려서 서버를 빌림. - EKS: docker를 아마존이 세팅 (재규) 1. AWS - EC2 - 인스..

카테고리 없음 2020.03.29

[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] 에러 모음

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

[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로 로그인에 대한 신규 가..

[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 Handler Gesture 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 - 목적 어떠한 뷰가 있을 때 그 뷰를..

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