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..

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가지..

Nuxt.js와 Apollo GraphQL Client를 사용하는 Front End Server에서 사이트맵(Sitemap)을 만드는 방법을 소개하고자 합니다. @nuxtjs/sitemap @nuxtjs/sitemap Automatically generate or serve dynamic sitemap.xml for Nuxt.js projects www.npmjs.com 위 라이브러리를 이용하면 굉장히 쉽게 사용할 수 있습니다. 방식은 지난 https://gmyankee.tistory.com/291 Nuxt + Apollo Graphql => Generate로 SSR/SEO 적용하기 목차 서론 Promise를 반환하는 함수 Callback을 반환하는 함수 Graphql로 SSR Generate 하기 서론..

Prisma는 다른 게시글에서도 많이 언급해왔던 주제이기 때문에 간단하게 설명하자면 GraphQL이나 RestAPI를 사용할 때 Database의 schema를 통해 DB를 정의하며, ORM을 대체하고 migration을 쉽게 해주는 DB 프록시 도구입니다. 여러분들의 가장 큰 주요 관심사를 먼저 말씀드리자면 네 Prisma1에서 갈아타시는걸 추천... 기존 Prisma에는 크나큰 한 가지 문제가 있었는데, JVM을 통해 실행되어 메모리 이슈가 빈번함 이에 Prisma Project 개발자들은 Prisma Framework라고 칭하며, 통칭 Prisma2를 만들었습니다. Prisma Framework는 근래 많이 사용되기 시작하는 Rust(러스트)를 통해 작성되었습니다. Prisma와 Prisma Fra..

이 글은 제가 GraphQL을 사용해보고자 며칠 간의 삽질 결과 내린 결론을 정리해보고자 하는 글입니다. GraphQL을 시작할 때 많이들 사용되는 Back-End 단 프레임워크로 Apollo와 Yoga 그리고 Prisma가 많이 언급됩니다. 오늘은 GraphQL에 대해서만 언급하고 Apollo와 Yoga 그리고 최종적으로 Prisma까지 언급해볼 예정입니다. 왜냐면 제가 Prisma를 사용하니까요... GraphQL? GraphQL은 API를 위한 쿼리 언어이며 이미 존재하는 데이터로 쿼리를 수행하기 위한 런타임입니다. GraphQL은 API에 있는 데이터에 대한 완벽하고 이해하기 쉬운 설명을 제공하고 클라이언트에게 필요한 것을 정확하게 요청할 수 있는 기능을 제공하며 시간이 지남에 따라 API를 쉽게..