Apollo Graphql Client 모듈을 사용하던 중 다음과 같은 오류를 접하는 경우가 종종 있습니다. ObservableQuery with this id doesn't exist 위 오류는 React Hooks 또는 Vue/Nuxt의 @vue/apollo-composable이나, @nuxtjs/apollo 등의 apollo client를 사용하는 모든 모듈에서 제공되는 fetchMore 즉 페이지 네이션을 쉽게 하기 위한 graphql client의 기능을 사용하던 중 발생하는 오류입니다. 하지만 지금 말씀드린 내용은 어디서 발생하는지를 언급한 것이며, 원인은 이러한 이유 때문은 아닙니다. 즉 언제나 그렇듯 모듈이 문제가 아니라, 사람! 사용자가 문제라는 것이죠. Dirty Solution 다른 ..

Vue 또는 Nuxt에서 vue apollo 4를 사용하며 composition api에서 유연하게 작성하기 위해서는 @vue/apollo-composable이 필요로 합니다. 물론 없어도 @nuxtjs/apollo를 통해서 작성할 순 있지만, apollo가 setup 밖에 있다 보니, 변수 참조가 안되어 초기 데이터 로드를 query명과 일치하여야만 합니다. 굉장히 불편하며 모순적입니다. 현재 @vue/apollo-composable 4.0.0 은 알파 버전이며 오류가 나타나는 버전은 alpha.12 입니다. alpha.11도 동일하다고 하니... alpha.10을 설치하면 해결됩니다. 하지만 alpha의 저. 버전은 이상하게 package.json으로 재 명시해도 12로 설치가 되고, node_mod..

본문은 시리즈로 작성되는 내용입니다. Go Version은 1.15.6으로 진행되었습니다. go get github.com/graphql-go/graphql go get github.com/graphql-go/handler 먼저 graphql-go/graphql, graphql-go/handler를 install 합니다. 설치가 다 되었다면, 대충 main.go 파일을 만들어서 코드를 작성합니다. // main.go package main import ( "github.com/graphql-go/graphql" "github.com/graphql-go/handler" "net/http" ) func main() { fields := graphql.Fields{ "hello": &graphql.Field{..

https://gmyankee.tistory.com/302 #02. Go - gqlgen 프로젝트 설정하기 https://gmyankee.tistory.com/301 #01.Go - GraphQL 알아보기 서론 Go언어를 사용하는 Gopher 여러분들은 상당히 다수 존재하는 반면에, Graphql은 아직까지도 한국어로 된 자료가 많지 않으며, GraphQL 대다수.. gmyankee.tistory.com 원래는 gqlgen을 이어서 작성하려 했으나, gqlgen에는 치명적인 결함이 있어, graphql-go로 변경하게 되었습니다. 아마 graphql-go가 github에서는 선두를 달리고 있으니.... 가장 많이 쓰이는 데에는 이유가 있을 거라 생각됩니다. gqlgen의 가장 치명적인 문제는 크게 2가지..

금일 2020.12.24(월) 대략 20:53 ~ 21:29까지 구글 계정을 이용하여 서비스를 이용할 경우 서버 오류로 인해 503 오류가 표시되는 현상이 발생했습니다. 이는 Google에서 제공되는 Google Accounts를 이용한 모든 서비스들의 마비로 이루어졌는데, 대표적으로 Gmail, Youtube, Google Search, Google Authenticate 등 다양한 서비스 마비가 진행되었습니다. 지난 2018년 11월 22일 오전 8시부터 발생한 한국 리전의 아마존 서비스 마비 이후로 최초의 상태인데 아마존의 경우는 클라우드 서비스 자체가 마비되었다면, 구글의 경우는 구글 계정을 사용하는 서비스들과 자체 서비스들의 마비였기 때문에 구글 서비스를 이용하는 많은 고객들에게 있어서는 크나큰..

Vue3 또는 Vue2, Nuxt.js에서는 Composition API 패턴을 사용할 것을 권장하고 있습니다. 이는 기존 Options API 대비 유지보수가 용이해진다는 장점이 있습니다. 단일 컴포넌트내에서 너무 많은 기능을 수행한다면, 특정 기능을 수행하는 methods, computed 등의 life cycle을 찾기가 힘들어집니다. 기존 Vue에서의 단점으로 부각되는 것이 큰 규모의 프로젝트를 수행하기 어렵다라고들 하는데 설계에 문제가 있을수도 있겠지만, 기본적으로 단일 컴포넌트에 수행되는 행위들이 많아지면서 유지보수와 추가 수정이 어려워지는 현상이 나타났었습니다. 기존 다른언어들에서의 Class를 살펴보면 사실 Composition이라는 방식은 객체를 생성하고 콜 하여 상속이나 믹스인을 통해 ..