# graphql

141개의 포스트
post-thumbnail

GraphQL - 1. GraphQL-Apollo

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

약 2시간 전
·
0개의 댓글
post-thumbnail

[graphQL] Setup

setup Apollo and create client

약 23시간 전
·
0개의 댓글
post-thumbnail

Apollo Client GraphQL & React.js 함께 사용하기

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

3일 전
·
0개의 댓글
post-thumbnail

[GraphQL] GraphQL로 인해 해결되는 문제들.

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

2020년 11월 22일
·
0개의 댓글
post-thumbnail

Why GraphQL?

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

2020년 11월 19일
·
0개의 댓글
post-thumbnail

#2. GraphQL 소개

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

2020년 11월 13일
·
0개의 댓글

NestJs 복습 및 정리

NestJs 그간 공부한 내용들 정리

2020년 11월 12일
·
0개의 댓글

20/11/12 - TIL

NestJs 와 GraphQL 공부

2020년 11월 11일
·
0개의 댓글
post-thumbnail

#1. GraphQL 개념 및 개요

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

2020년 11월 11일
·
0개의 댓글
post-thumbnail

GraphQL과 REST API는 무엇이 다른가요? (한국어)

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

2020년 11월 7일
·
0개의 댓글

TIL 2020/10/23

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

2020년 10월 23일
·
0개의 댓글

개발환경 설정

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

2020년 10월 22일
·
0개의 댓글

graphQL

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

2020년 10월 18일
·
0개의 댓글
post-thumbnail

NestJS graphql (4) dataloader

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

2020년 10월 17일
·
0개의 댓글
post-thumbnail

NestJS graphql (3) 간단한 1:N 관계 예제

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

2020년 10월 14일
·
0개의 댓글
post-thumbnail

NestJS graphql (2) 스키마 generator 셋팅

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

2020년 10월 12일
·
0개의 댓글
post-thumbnail

NestJS graphql (1) 기본 설정

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

2020년 10월 12일
·
0개의 댓글
post-thumbnail

Apollo 캐시 설정

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

2020년 10월 12일
·
0개의 댓글

[Graph QL] GraphQL Schema - 데이터 생성 및 삭제하기

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

2020년 10월 10일
·
0개의 댓글

[Graph QL] GraphQL Schema - 데이터 생성 및 삭제하기

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

2020년 10월 10일
·
0개의 댓글