# graphql

102개의 포스트

RESTful API & GraphQL

Representational State Transfer의 약자입니다.REST라고 하면 좁은 의미로 HTTP를 통해 CRUD를 실행하는 API를 뜻합니다.REST는 기본적으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 활용하기 때문에 웹의 장점을 활용 할 수 있는아키

32분 전
·
0개의 댓글

apollo server cors 문제 해결

apollo-server 생성시 cors 옵션 설정cors package 설치express 의 미들웨어로 cors() 적용

2020년 6월 26일
·
1개의 댓글

dataloader

per request batch, cache query하나의 요청 범위 내에서 쿼리를 모아서 데이터 베이스로 전송하거나, 쿼리의 결과를 caching 해서 돌려주는 역할을 하는 것.N + 1 problem 의 해결을 위해예를 들어, 두개의 테이블(A,B) 이 1:N 관

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

graphql-yoga로 서버 시작하기

grapql은 REST API의 비효율적인 fetching을 해결하고자 만들어진 API Query Language(질의어) 이다. > GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a ...

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

GraphQL 파헤치기

Fragment는 graphQL에서 동일한 구조를 반복하여 가지는 필드를 정의할때 fragment 구문을 사용하면 편리하다. 데이터 요구사항을 작게 분할하여 사용할 수 있다.REST API에서는 단일 인수 (요청 매개 변수 및 요청의 URL) 만 전달할 수 있다. 그러

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

T I L / 6월 2일

GraphQL, Network

2020년 6월 2일
·
0개의 댓글

[TIL] <2020.05.20> GraphQl 이 뭔가요?

GraphQl 기본 사진 시작에 앞서 이 글은 '얄팍한 코딩사전'을 참고하였음을 알려드립니다. 저번 글에서는(제 기준 10분 전) REST API 에 대해서 알아보았습니다. REST API란 개발자들간의 지키기로 약속한 일정한 형식으로 요청 자체만으로도 어떤 행동을

2020년 5월 20일
·
0개의 댓글

[1일차]새로운 사이드 프로젝트를 시작하다

오늘부터 새로운 사이드 프로젝트를 시작하려고 한다.🚨 발번역이 존재하므로 참고할 때 주의하시기 바랍니다. 🚨✅ OS는 Mac입니다.Todo 어플리케이션을 만들 것이다. 아직은 초기 단계라 세세한 기능들은 생각을 안해봤고, 차차 정리해가면서 구현할 예정이다.Graph

2020년 5월 19일
·
0개의 댓글

GraphQL #5 apollo 서버 열기

플레이그라운드 열리는 것 까지 완료.

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

GraphQL #4 Root field & resolvers

obj: root 이전 resolver에게 받은 값args : 쿼리 필드에 제공된 인수. 키 이름context : 모든 resolver 함수에 전달되며, 현재 로그인한 사용자나 엑세스토큰 같은 정보를 보유하는 값.info : 현제쿼리, 스키마 정보와 관련되 필드 정보

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

GraphQL #3 Query

...재사용 가능한 graphql을 묶는다. 변수로 저장해두는 것처럼~반복되는 쿼리가 있을 경우 복잡해질때 사용할수 있다.대부분 인자는 동적이다. 때문에 입력받는 값을 인자로 넘기기위해 변수에 담아 사용한다.$변수명 변수이름 앞에는 $를 달면 변수로 인식한다.값이 tr

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

GraphQL #1 노마드코더 니꼴라스의 강좌 정리

니꼴라스와 함께하는 graphQL 강좌~ 게츠비로 사이트를 만들다 보니 graphql이 뭔지~ 궁금해서 듣는 니꼴라스의 유튭 무료강좌! 좀 옛날 강좌지만, 후딱 개념만 잡아보자아!프론트에서 요청한 것보다 많은 데이터를 응답하는 것, 매우 비효율 적이지! 데이터베이스에

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

graphQL 맛을 보자👻

graphQL 맛보기

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

GraphQL

GraphQL은 API를 위한 쿼리 언어로 웹 클라이언트가 데이터를 서버로 부터 효율적으로 가져올 수 있게 해주며 gql의 문장은 주로 클라이언트 시스템에서 작성하고 호출 한다. >쿼리와 결과가 정확히 동일한 형태인 것을 볼 수 있다. 이것이 GraphQL의 핵심인데

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

GraphQL React + Apollo Tutorial - 5. 라우팅

GraphQL과 Apollo를 `react-router 4`와 함께 사용하여 페이지 이동을 구현하는 방법을 배웁니다. 각 라우팅은 `Link`로 표현됩니다.

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

[강의노트] GraphQL로 영화 API 만들기

yarn inityarn add graphql-yoga2-1. Over-fetchingGET 방식으로 데이터를 요청하는 경우, 영화이름만 필요한 경우에도 영화이름 뿐만아니라 다른 정보들(포스터, 출시연도, 평점 등)을 같이 불러오게 되는 것사용하지 않을 정보까지 요청하

2020년 5월 6일
·
0개의 댓글

GraphQL with Ts - custom interface

❗❗ graphql-yoga를 사용하였음 GraphQLServer를 구축하는 경우 두 가지 경우의 수로 Resolver를 작성합니다. typeDef 따로, resolvers 따로 graphql-tools를 이용한 schema merge 일단 Resolver를 검색

2020년 4월 30일
·
0개의 댓글

GraphQL Server - copy "*.graphql"

graphql-tools와 merge-graphql-schemas로 typeDefs와 Resolvers를 합친 경우다음과 같은 Directory 구조를 가집니다.imagebabel 혹은 tsc로 build를 하게되면 graphql 파일이 비어있는 문제가 발생합니다.im

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

GraphQL 로 Redux Local 동작 대체하기

GraphQL 로 Redux Local 동작을 대체해보자.

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

GraphQL(Apollo) + Angular 상태관리 및 사용기

앵귤러는 컴포넌트로 페이지나 작게는 셀렉트박스같은 것들을 "Component"라는 단위로 만들어서 관리합니다.이러한 컴포넌트는 컴포넌트 트리 형태로 관리됩니다.최상위 App컴포넌트가 있고, 새로운 컴포넌트가 생성되면 그 하위 컴포넌트로 연결되어 관리됩니다.apollo란

2020년 4월 20일
·
0개의 댓글