본문 바로가기

FE/React & RN36

GraphQL GraphQL 이란? Graph QL(이하 gql)은 Structed Query Language(이하 sql)와 마찬가지로 쿼리 언어입니다. 자체적으로 서버와 클라이언트를 구축해 애플리케이션 서버 및 데이터베이스와 클라이언트 사이에서 Operation과 Resolve의 과정을 통해 서로 간의 데이터 상호작용을 도와줍니다. 하지만 gql과 sql의 언어적 구조 차이는 매우 큽니다. 또한 gql과 sql이 실전에서 쓰이는 방식의 차이도 매우 큽니다. gql과 sql의 언어적 구조 차이가 활용 측면에서의 차이를 가져왔습니다. 이 둘은 애초에 탄생 시기도 다르고 배경도 다릅니다. sql은 데이터베이스 시스템에 저장된 데이터를 효율적으로 가져오는 것이 목적이고, gql은 웹 클라이언트가 데이터를 서버로 부터 효율.. 2022. 6. 14.
Context context 자체가 컴퍼넌트에서 props 를 넘겨주는 방식이 어려울때 사용하는 겁니다. 전신은 context api를 context api 사용 import React, { createContext } from "react"; import Children from "./Children"; // AppContext 객체를 생성한다. export const AppContext = createContext(); const App = () => { const user = { name: "김채원", job: "가수" }; return ( ); }; export default App; 사용 import React from "react"; import { AppContext } from "./App"; const.. 2022. 6. 7.
[react-native] react-native-ble-plx 킥보드와 휴대폰간의 ble 통신을 위해서 사용한 모듈 https://dotintent.github.io/react-native-ble-plx/#device react-native-ble-plx 2.0.2 | Documentation nativeService (NativeService) NativeService properties to be copied. dotintent.github.io 사용법 1. 스캔할수 있는 기기들을 찾아라 this.manager.startDeviceScan( UUID_SERVICE ,null, (error, device) => { if (error) throw new Error( error ); const manufactureBy = BlePlxHelper.getScooterMa.. 2022. 3. 30.
[React-native] 자동 배포 1. 서론 회사에서 빌드를 많이 뽑아야 하는 이유가 있어서 자동배포에 대한 공부를 해야할 필요가 있었다. 그런데 찾아보니까 jenkins Xcode 를 지원해 주는 플러그 인도 있었지만 Xcode 9 정도까지만 지원해 주는것 같아서, 포기하고 Fastlane을 이용하게 되었다. AWS, Circle CI, Travis CI, 등 CI,CD 가격대비 많은 양을 뽑는것 같지 않아서 원격으로 하는 부분은 포기하고 로컬에서 배포를 뽑도록 했다. 맥미니가 없는 관계로 1. Xcode 2. Fastlane 3. AWS S3 4. Jenkins 5. Github 2. 이해 CI/CD Fastlane : 자동화 툴로써, ios, android 에 유용한 기능들을 제공한다. - 스크린 샷 제공: 직접 원하는 화면들의 스.. 2021. 11. 17.