# graphql
React-GraphQL 사용기 정리
import { useQuery } from '@apollo/react-hooks';import gql from 'graphql-tag';const { loading, data } = useQuery(FETCH_POSTS_QUERY);const FETCH_POSTS_Q
graphQL 사용기 2일차
> > "Cannot return null for non-nullable field 이 오류에 대한 원인을 찾기위해 1시간을 고생했는데 고작 철자 한개를 빼 먹어서 발생한 오류였다.. typeDefs를 뒤져보고 resolvers의 함수를 뒤져봤는데 잘못된 부분이 없었
GraphQL Apollo
mern stack을 이용해 간단한 쇼핑몰을 제작해보면서 웹 제작의 전체적인 흐름을 이해하게 되었다. 원래는 frontend를 목표로 공부를 했지만 기능적인 부분을 만드는 것이 더 재미있고 UI요소를 개발하기 위해 많은 시간과 코드를 할애하는 것이 답답하게 느껴지는 것
[실습] GraphQL API 만들기 - 타입간 연결
저번시간에 Photo까지만 만들고 끝이 났는데 이번에는 User를 만들어서 User가 다수의 Photo를 가질 수 있도록 1대다 관계를 만들어보도록 하겠습니다.하는 방법은 간단합니다. User 타입을 만들고 potedPhotos 필드로 Photo목록에 접근하도록 설정만
[실습] GraphQL API 만들기 - 초기세팅
지금까지 GraphQL이 무엇이고, 쿼리와 스키마에 대해 알아봤습니다. 이제 GraphQL API를 직접 만들어볼 준비는 다 끝난거 같습니다.공식문서 : https://www.apollographql.com/docs/Apollo는 애플리케이션 클라이언트 (예
GraphQL 스키마 설계
🚀 The Schea Definition Language (SDL) REST가 엔드포인트 집합이었다면, GraphQL은 타입 집합입니다. 그리고 이런 데이터 타입 집합을 스키마라고 부릅니다. 스키마를 정의하는 언어는 줄여서 SDL이고요. 1. 타입 정의하기 타입은
'웹 앱 API 개발을 위한 GraphQL' 1장, GraphQL에 오신 것을 환영합니다.
# 😂 선언형 데이터 페치 방법과 GraphQL 서비스 핵심 가이드 # 😎 GraphQL이란? # 🙄 GraphQL 설계 원칙 # 🤩 데이터 전송의 역사
GraphQL Query 심화
지난시간에 기초적인 쿼리 사용법에 이어서 이번시간에는 조금 더 심화적인 내용으로 들어가보겠습니다.아래와 같은 쿼리가 있다고 가정해보겠습니다. 음... 보시면 알겠지만 Lift와 Trail에 accessedByLifts는 중복되는 필드가 많아보입니다. 왜냐하면 둘다 Li
GraphQL과 REST API
GraphQL은 서버로부터 데이터를 요청하는 방식 중 하나다. 기존에 존재하는 REST API와 역할이 비슷하다. REST API와의 차이점 - Overfetching - Underfetching - Cross platform -Type
GraphQL Query 기초
GraphQL은 쿼리어입니다. 쿼리어하면 생각나는 대표적인게 있을겁니다. 바로 SQL입니다. 이 둘은 무슨 연관성이 있을까요?일단 SQL은 데이터베이스 한정으로 쓰입니다. 그리고 SQL 데이터는 데이터 테이블 안에 저장되어 있고, 조작하기 위해서는 SELECT, INS
GraphQL 소개
GraphQL 은 REST보다 효율적이고 강력하며 유연한 대안을 제공하는 새로운 API 표준입니다.Facebook에서 개발하고 오픈소스 로 개발했으며 현재 전 세계의 대규모 기업 및 개인 커뮤니티에서 관리하고 있습니다.핵심적으로 GraphQL은 클라이언트가 API에서
😜 [요약] Bouncecode-CMS
Javascript 기반의 풀스택 boilerplate 코드. 회원관리, 게시판, 관리자 페이지 기능 탑재. Docker 기반 코드. Nextjs, React, Express, Apollo 기술 스택으로 다양한 기능들이 완성되어 있습니다.
App sync 사용하기
1) react admin을 이용하여 받아온 data 값을 만져서 input 코드를 작성하고 graphQL 호출한다.2) 스키마 작성 (사실 이것이 맨 처음으로 해야할 일..)3) 람다 함수 생성4) 데이터 원본 생성 하여 → 람다 함수와 연결 (리저브 연결)5) 작성
GraphQL 개념
Graph QL(이하 gql)은 Structed Query Language(이하 sql)와 마찬가지로 쿼리 언어이다. 하지만 gql과 sql의 언어적 구조와 실전에서 쓰이는 방식의 차이가 매우 크다. gql과 sql의 언어적 구조 차이가 활용 측면에서의 차이를 가져왔다
Django GraphQL QueryString 받지 못하는 문제
공식 문서에는 QueryString 으로 파라미터를 받지만서비스 연동시 Body Data 만 받는 문제가 있었음공식 문서 참고하여 csrf_exempt 로 해결하였음.
React에 GraphQL 한스푼 더하기: 1. graphQL 맛보기
React에 graphQL과 React-Apollo를 한 스푼씩 넣어서 어플리케이션을 더 맛있게 만들어보자.
그래프큐엘 따라잡기 1탄 - GraphQL 개념에 대해 간단히 살펴보자
아폴로 정복에 앞서......... 그래프큐엘을... 공부해야 한...다.. 그래서 정리해본다... 이번 편은 맛보기용이라서 자세한 설명은 2탄에 계속될 예정쓰...