아폴로 Apollo 서버와 Prisma를 사용한 JWT 인증 본 기사에서는 GraphQL에서 JWT를 이용한 사용자 인증에 대해 테스트를 한 비망록입니다. GraphQL 서버(본 기사에서는 GraphQL 서버로서 Apollo를 이용)와 데이터베이스를 연결하는 ORM의 하나입니다. ORM이란 다음과 같은 기능의 집합을 말합니다. JWT(Jot)는 JSON Web Token의 약자로, JSON 데이터에 서명하고 암호화하는 방법을 말합니다. 본 기사에서는 ... GraphQLJWT아폴로prisma도커 Apollo와 React Hooks React Hooks의 등장에 의해 View에 관한 처리와 상태, 로직, 라이프 사이클을 깨끗이 분리할 수 있게 되었습니다. 그런 가운데, 최근 GraphQL 클라이언트인 Apollo도 React Hooks의 대응이 릴리스 되었습니다. 지금까지 Apollo를 이용할 때는 HoC나 render prop을 사용할 필요가 있어, 가독성이 낮다는 문제가 있었습니다. 그래서 이번에는 React Hoo... 아폴로GraphQLreact-hooks Hasura에서 "Error: field "XXX"not found in type: 'XXX'"오류 Hasura에서 "Error: field "XXX"not found in type: 'XXX'"오류에 대해 개발 중에 Hasura API에 요청을 던질 때 여러 번 나왔기 때문에 피의 장소를 메모로 남겨 둡니다. 데이터 가져오기에는 Apollo를 사용합니다. 다음과 같은 query를 실행했습니다. GraphQL에 관해서도 사용하기 시작해 날이 얕기 때문에, query 내용에 중복되는 곳이 있... PostgreSQL아폴로Hasuraapi 【Node.js】ApolloClient를 사용하여 서버 측에서 GraphQL을 쉽게 실행 Node.js에서 GraphQL을 사용하는 프로그램을 작성할 기회가 있었지만 프론트가 아닌 서버 측에서 사용하는 방법을 조사하는 데 약간의 시간이 걸렸기 때문에 기사로 둡니다. GraphQL 서버와 통신하기 위한 라이브러리입니다. 이 기사는 GraphQL 쿼리를 쉽게 실행하는 데 중점을두고 있기 때문에 자세히 설명하지는 않지만 다기능 라이브러리에서 Loading 및 Error와 같은 통신 상... GraphQL아폴로자바스크립트초보자Node.js GraphCMS로 ApolloClient3.0에 입문해 보았다 정말 그냥 포트폴리오 (카메라적인 의미로) 프런트 엔드 엔지니어가 ApolloClient에 입문하더라도, graphCMS는 의외로 꽤 좋을지도 모른다는 이야기. Contentful 같은 사람입니다. HeadlessContentsManagementSystem이라고 해서 VIEW가 없는 WordPress적인 것이라고 상상해 주시면 좋을까. 블로그 게시물 기능적인 것입니다. 그리고, 이 Graph... 아폴로GraphQLReactGraphCMS Nuxt.js + @vue/apollo-composable에서 【ReferenceError: define is not defined】 Nuxt.js(composition-api)에 @vue/apollo-composable을 도입할 때 위의 오류가 발생했습니다. ~사용 모듈~ 에 해결책이 작성되었습니다. ① nuxt.config.js의 build에 트랜스 파일을 추가한다. nuxt.config.js ② import를 @vue/apollo-composable/dist로 변경 이것으로 해결했습니다. 그건 그렇고, @vue/apo... apollo-composable아폴로nuxt.js React + GraphQL + Apollo로 무한 스크롤 (Offset-based) React + Apollo로 무한 스크롤을 구현했을 때의 비망록을 남겨 두자. 무한 스크롤 그 자체보다, GraphQL의 페이지 네이션의 구현으로 생각하는 것이 많은 생각이 든다. ↓실장 이미지 "react": "^17.0.2 무한 스크롤 구성 요소는 react-infinite-scroll-component를 사용합니다."react-infinite-scroll-component": "^6.1... GraphQLReact아폴로자바스크립트Hasura redux-saga를 사용하면서 외부 자원의 fetch에게만 독립형으로 Apollo를 사용해 GraphQL의 혜택을 받고 있다 API 서버를 REST로 쓰면 라우팅을 늘리거나 query에 파라미터 추가하거나 하는 여러가지 작업이 번거롭기 때문에 최근에는 GraphQL로 쓰고 있지만, 개인적으로 프런트 엔드는 JSX와 redux-saga로 질서를 유지하고 싶은 파 그래서 클라이언트 측은 데이터의 fetch에만 GraphQL(Apollo)를 사용하고 있다는 이야기. 산푸루(github) 거의 그대로이므로 clock과 c... GraphQLReactredux아폴로자바스크립트
Apollo 서버와 Prisma를 사용한 JWT 인증 본 기사에서는 GraphQL에서 JWT를 이용한 사용자 인증에 대해 테스트를 한 비망록입니다. GraphQL 서버(본 기사에서는 GraphQL 서버로서 Apollo를 이용)와 데이터베이스를 연결하는 ORM의 하나입니다. ORM이란 다음과 같은 기능의 집합을 말합니다. JWT(Jot)는 JSON Web Token의 약자로, JSON 데이터에 서명하고 암호화하는 방법을 말합니다. 본 기사에서는 ... GraphQLJWT아폴로prisma도커 Apollo와 React Hooks React Hooks의 등장에 의해 View에 관한 처리와 상태, 로직, 라이프 사이클을 깨끗이 분리할 수 있게 되었습니다. 그런 가운데, 최근 GraphQL 클라이언트인 Apollo도 React Hooks의 대응이 릴리스 되었습니다. 지금까지 Apollo를 이용할 때는 HoC나 render prop을 사용할 필요가 있어, 가독성이 낮다는 문제가 있었습니다. 그래서 이번에는 React Hoo... 아폴로GraphQLreact-hooks Hasura에서 "Error: field "XXX"not found in type: 'XXX'"오류 Hasura에서 "Error: field "XXX"not found in type: 'XXX'"오류에 대해 개발 중에 Hasura API에 요청을 던질 때 여러 번 나왔기 때문에 피의 장소를 메모로 남겨 둡니다. 데이터 가져오기에는 Apollo를 사용합니다. 다음과 같은 query를 실행했습니다. GraphQL에 관해서도 사용하기 시작해 날이 얕기 때문에, query 내용에 중복되는 곳이 있... PostgreSQL아폴로Hasuraapi 【Node.js】ApolloClient를 사용하여 서버 측에서 GraphQL을 쉽게 실행 Node.js에서 GraphQL을 사용하는 프로그램을 작성할 기회가 있었지만 프론트가 아닌 서버 측에서 사용하는 방법을 조사하는 데 약간의 시간이 걸렸기 때문에 기사로 둡니다. GraphQL 서버와 통신하기 위한 라이브러리입니다. 이 기사는 GraphQL 쿼리를 쉽게 실행하는 데 중점을두고 있기 때문에 자세히 설명하지는 않지만 다기능 라이브러리에서 Loading 및 Error와 같은 통신 상... GraphQL아폴로자바스크립트초보자Node.js GraphCMS로 ApolloClient3.0에 입문해 보았다 정말 그냥 포트폴리오 (카메라적인 의미로) 프런트 엔드 엔지니어가 ApolloClient에 입문하더라도, graphCMS는 의외로 꽤 좋을지도 모른다는 이야기. Contentful 같은 사람입니다. HeadlessContentsManagementSystem이라고 해서 VIEW가 없는 WordPress적인 것이라고 상상해 주시면 좋을까. 블로그 게시물 기능적인 것입니다. 그리고, 이 Graph... 아폴로GraphQLReactGraphCMS Nuxt.js + @vue/apollo-composable에서 【ReferenceError: define is not defined】 Nuxt.js(composition-api)에 @vue/apollo-composable을 도입할 때 위의 오류가 발생했습니다. ~사용 모듈~ 에 해결책이 작성되었습니다. ① nuxt.config.js의 build에 트랜스 파일을 추가한다. nuxt.config.js ② import를 @vue/apollo-composable/dist로 변경 이것으로 해결했습니다. 그건 그렇고, @vue/apo... apollo-composable아폴로nuxt.js React + GraphQL + Apollo로 무한 스크롤 (Offset-based) React + Apollo로 무한 스크롤을 구현했을 때의 비망록을 남겨 두자. 무한 스크롤 그 자체보다, GraphQL의 페이지 네이션의 구현으로 생각하는 것이 많은 생각이 든다. ↓실장 이미지 "react": "^17.0.2 무한 스크롤 구성 요소는 react-infinite-scroll-component를 사용합니다."react-infinite-scroll-component": "^6.1... GraphQLReact아폴로자바스크립트Hasura redux-saga를 사용하면서 외부 자원의 fetch에게만 독립형으로 Apollo를 사용해 GraphQL의 혜택을 받고 있다 API 서버를 REST로 쓰면 라우팅을 늘리거나 query에 파라미터 추가하거나 하는 여러가지 작업이 번거롭기 때문에 최근에는 GraphQL로 쓰고 있지만, 개인적으로 프런트 엔드는 JSX와 redux-saga로 질서를 유지하고 싶은 파 그래서 클라이언트 측은 데이터의 fetch에만 GraphQL(Apollo)를 사용하고 있다는 이야기. 산푸루(github) 거의 그대로이므로 clock과 c... GraphQLReactredux아폴로자바스크립트