# graphql

pic123123

What is GraphQL !GraphQL 은 FaceBook에서 만든 API를위한 강력한 query language(ex:SQL) 이며 기존 데이터로 이러한 쿼리를 수행하기위한 런타임입니다.TypeScript와 결합 된 GraphQL 은 GraphQL 쿼리를 통해

suyeonme

setup Apollo and create client

bangina

본 포스팅은 "Apollo client GraphQL for React From Scratch A-Z" by kirill ibrahim on Medium을 우리말로 번역한 글입니다. Apollo client GraphQL과 React.js를 함께 사용할 때 에 대한 소

yjlee4093

이번 포스팅에서는 GraphQL을 사용하게 되면 해결되는 문제점들에 대해서 살펴보도록 하려고 한다. 나아가 문제점들을 GraphQL로 어떻게 해결할 수 있는지에 대해서도 간단히 살펴보도록 하자.예를 들어, 모든 사용자들의 이름을 웹사이트에 보여주고 싶다고 가정해보자.사

taeg92

GraphQl & Node​ ​ ​ GraphQL은 페이스북에서 만든 쿼리 언어입니다. 등장한지 얼마되지 않았음에도 불구하고, GraphQL의 인기는 점점 올라가고 있다는 사실을 감안했을 때 도전적으로 배워보기에 상당히 괜찮은 기술 스택같아 보입니다.​ ​ ​ Gra

jangwonyoon

GraphQL API 작성법에 제한은 없지만 GraphQL 서비스를 만들 때 고려해야 할 몇가지 지침이 있습니다.위계적GraphQL 쿼리는 위계성을 띠고 있습니다. 필드 안에 다른 필드가 중첩 될 수 있으며, 쿼리와 그에 대한 반한 데이터는 형태가 서로 같습니다.제품

hanjn2842

NestJs 그간 공부한 내용들 정리

hanjn2842

NestJs 와 GraphQL 공부

jangwonyoon

Graph QL(이하 gql)은 Structed Query Language(이하 sql)와 마찬가지로 쿼리 언어입니다. 하지만 gql과 sql의 언어적 구조 차이는 매우 큽니다. 또한 gql과 sql이 실전에서 쓰이는 방식의 차이도 매우 큽니다. gql과 sql의 언어

bangina

본 포스팅은 "A Brief Introduction to GraphQL-How is it different from a REST API?" by Luke Waring on Medium을 우리말로 번역한 글입니다. GraphQL에 대한 소개를 REST API와의 차이점

jeong3320

yarn generate를 통해 graphql codegen을 이용하여 타입생성시 도커를 내리고 다시 올려야 실제 적용이 되고 따라서 프론트엔드에서도 가져올 수 있다

min1378

백엔드 : node.js 10 이상의 버전이면 된다. 12.16.2로 작업함 프론트엔드 : react.js DB : prisma IDE : visual studio code 브라우저 : 구글 크롬 app test : android studio(Windows),

superfly9

1.REST api를 대체하는 새로운 api표준(facebook이 개발/유지)API 클라이언트가 서버로부터 데이터 받아오는 방법을 정의GraphQL의 핵심은 클라이언트가 필요한 데이터를 정확히 가져올 수 있다는 것,서버에서는 단 하나의 api만 노출2.API에 대한 쿼

peter0618

post.service.ts (AS-IS)graphql 쿼리"NestJS graphql (3) 간단한 1:N 관계 예제" 글에서 잠깐 언급했던 1:N 문제를 해결하는 방법 중의 하나로 dataloader를 도입해봅시다.dataloader 도입 전, 위 graphql 쿼

peter0618

간단한 1:N 관계 예제를 통해, 1:N 관계에 대한 스키마,resolver를 어떻게 작성하는지 연습합니다.post.graphqluser.graphql사용자(User)는 여러개의 글(Post)를 게시할 수 있습니다.이 경우 User:Post = 1:N 관계가 성립합니다

peter0618

AppModule에 GraphQLModule을 import할 때 graphql 스키마에 정의된 type, query 등을 비즈니스 로직에서 사용가능한 typescript class로 자동 변환해주는 설정을 추가할 수 있습니다.AppMudle위와 같이 설정하면, 어플리케

peter0618

tsconfig.json 파일에 "allowSyntheticDefaultImports": true 를 추가합니다. (이 설정값을 추가하지 않으면 WebSocket 모듈이 제대로 import 되지 않아서 어플리케이션이 실행되지 않습니다.)AppModule에 GraphQL

gwak2837

Apollo 클라이언트는 GraphQL 쿼리를 로컬에 저장할 수 있는 캐시 기능을 제공한다. 클라이언트에서 서버로 GraphQL 쿼리를 요청하면 그 결과를 클라이언트 측 메모리에 특정 규칙에 따라 저장한다. 이렇게 캐시된 결과는 이후에 클라이언트 측에서 동일한 쿼리를

unani92

지금까지 데이터의 조회를 위한 Query에 대해서 알아봤다면, 지금부터는 데이터를 생성하고 삭제하는 Mutation에 대해 알아보자

unani92

지금까지 데이터의 조회를 위한 Query에 대해서 알아봤다면, 지금부터는 데이터를 생성하고 삭제하는 Mutation에 대해 알아보자