일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- PostgreSQL
- react
- GIT
- cron
- GraphQL
- :=
- golang
- apiTest
- 도커컨테이너
- mock
- 도커
- reactjs
- onDestory
- bitwiseNot
- JavaScript
- smui
- 인라인핸들러
- svelte
- githook
- IAC
- nestjs
- docker-network
- ...$$restProps
- Svelte LifeCycle
- docker
- testing
- TypeScript
- Terraform
- 번역
- go
- Today
- Total
목록GraphQL (2)
Den`s blog
React 에서 GraphQL을 사용할 때 보통 useQuery를 사용한다. useQuery 란, API 로 치면 API Call 을 하는 것이라고 보면 된다. const ITEMS_QUERY = gql` query allItemsQuery($input: AllItemInput!) { allItems { ok error items { name registeredAt } } } `; const { data, loading } = useQuery(ITEMS_QUERY, { variables: { input: { page: 1, } } }); 위 코드는 GraphQL 에서 allItemsQuery 의 Query가 있고 그 input 으로 AllItemInput 이 있을 경우다. (AllItemInput 은 p..
Graphql 은 기본적으로 Http 통신이지만, WebSocket 도 가능한 방법이 있다. PubSub 을 이용하면 되는데, 이 것을 NestJS에서 글로벌 하게 사용 하는 법을 알아보자. 기본적인 사용법은 문서를 따라하면 쉽게 가능하다. PubSub는 글로벌하게 사용하는 것이 거의 필수적인데, WebSocket 이다 보니 여러개를 띄우면 안되기 때문이다. (listening -> publish) import { PubSub } from 'graphql-subscriptions'; import { Global, Module } from '@nestjs/common'; import { PUB_SUB } from './common.constants'; const pubSub = new PubSub(); @..