목록graphql(그래프 큐엘) (6)

valleycho

Graphql (프론트) Angular<->apollo-Client 환경설정

전체적인 구조는 다음과 같다. Angular Apollo-Client Apollo-Server Express 참고로 메뉴얼의 Migration Guide를 보면 v1.0 -> v2.0 으로 바뀌면서 Apollo-Angular -> Apollo-Client로 이름이 바뀌었다. 그럼 Angular Apollo-Client 환경 설정을 해보자. 1. Angular 공식문서를 참고하여 Angular를 설치한다. 2. 아래 링크의 setup and options 메뉴얼을 부분을 참조하여 Next Steps 전까지 한다. www.apollographql.com/docs/angular/basics/setup/ Setup and options A guide to using the Apollo GraphQL Client..
graphql(그래프 큐엘) 2020. 10. 29. 00:08
Graphql(apollo-server) Queries and Mutations

graphql을 사용법을 익히는게 주 목적이기 때문에 graphql의 메뉴얼을 보고 연습해보자. 아래 메뉴얼 참고 [graphql 메뉴얼] graphql.org/learn/queries/ GraphQL: A query language for APIs. GraphQL provides a complete description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools. graphql.org - Fields 1. 메뉴얼을 참조하면 [참..
graphql(그래프 큐엘) 2020. 10. 24. 23:04
Graphql(apollo-server) 환경 설정

graphql을 지원하는 구성방법으로는 여러가지가 있는데 대표적으로 apollo를 이용하는 방법과 graphql-yoga 등이 있는데 이 챕터에서는 apollo를 이용하여 graphql을 연습할 환경설정을 해보자. 환경설정 구성방법은 아래 메뉴얼을 참고하면 된다. [apollo Manual] www.apollographql.com/docs/apollo-server/getting-started/ Get started with Apollo Server A guide to using Apollo Server www.apollographql.com 1. 아래와 같이 메뉴얼의 구성 내용을 작성하여 node는 실시간 반영이 안되므로 nodemon을 설치해서 nodemon으로 index.js를 실행한다. 2. 홈페이..
graphql(그래프 큐엘) 2020. 10. 19. 23:01
express - prisma

express의 prisma를 연동해서 사용해보자. 구조는 아래와 같다. 아래의 파일 내용과 같이 구성 [참고 2]의 내용을 작성하여 ts-node src/server.ts 명령어 실행 후 홈페이지의 localhost:/4000 입력한다. [ {"id": 1,"name": "Alice","email": "alice@prisma.io"} ] 이와 같이 출력되는 것을 확인할 수 있다. 하면서 헷갈렸던 부분도 같이 정리하고자 한다. 처음의 express에서 graphql을 사용하려면 graphql을 지원하는 apollo-server 혹은 apollo-yoga 가 필요한줄 알았다. 그래서 알아보는 도중 prisma 자체로 graphql을 내장해서 지원하는 형식으로 작동하기 때문에 apollo-server, ap..
graphql(그래프 큐엘) 2020. 10. 18. 18:35
Prisma(프리즈마)

prisma 1버전과 2버전의 차이점 (velog님이 자세히 정리해두셨다!! 굿굿) [출처] velog.io/@jhj46456/Prisma2 달라진 Prisma2를 알아보자 Prisma v2.0(Beta)이 오늘 (04/01/20) 모습을 드러냈다.필자는 업데이트 이메일 오기 전에 우연히 변했다는 걸 알아서 전날 밤부터 새벽까지 사용해보았는데사라진, 추가된, 변경된 기능들을 발견했다. velog.io prisma 개념설명 - medium.com/labelstore/prisma%EB%A1%9C-graphql%EC%9D%84-%EC%89%BD%EA%B2%8C-%EB%8F%84%EC%9E%85%ED%95%98%EA%B8%B0-fa64dcf63382 Prisma로 GraphQL을 쉽게 도입하기 기존 ORM을 혁..
graphql(그래프 큐엘) 2020. 10. 17. 15:36
GraphQL이란?

GraphQL이란? GraphQL 은 페이스북에서 만든 어플리케이션 레이어 쿼리 언어입니다. 기존의 웹 혹은 모바일 어플리케이션의 API 를 구현 할 때는, 통상적으로 REST API 가 사용됩니다. 기존의 REST API 를 사용하여 API 를 구현을 한다면, 우리가 클라이언트사이드에서 어떠한 기능이 필요 할 때마다 그때 그때 새로운 API를 만들어주었어야했습니다. GraphQL: A query language for APIs. GraphQL provides a complete description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easie..
graphql(그래프 큐엘) 2020. 10. 11. 23:24
이전 Prev 1 Next 다음