# graphql
FullStack.instargramClone(7);
본래 어제 마무리 했어야 했는데, API에러 해결 때문에 어제 밤 늦게 해결해서 오늘 올리게 되었습니다. Computed라고, Grpahql의 쿼리를 불러서 정의하여 resolver파일들이 다같이 쓸 수 있는 것이 있는데 이 부분의 오류와 context라고 resovl
typedef, resolver 구조잡기
이번 포스팅에서는 typedef 와 resolver 구조를 구성하는 방법을 알아보도록 하겠습니다. 위와 같이 목적별로 디렉토리를 나누고, 해당 목적에 맞는 API들에 맞는 resolver 와 typedef 를 추가하였습니다. typescript 끼리, resolver
FullStack.instargramClone(API 완);
API를 완성했습니다.한번에 정리하기에는 내용이 많아 이번 글에는 Prisma에 대해서 정리하고, 프론트를 완성해가면서 연결되있는 API 기능과 코드를 함께 정리할까 합니다.Nomader Coder 강의 특성상 일반 강의처럼 강의가 준비된 후 커리큘럼에 따른 완성도있는
데이터베이스와 API
데이터는 '정보'로서의 데이터를 말한다.1\. 통합된 데이터 : 자료의 중복을 배제한 데이터의 모임2\. 저장된 데이터 : 컴퓨터가 접근할 수 있는 저장매체에 저장된 자료3\. 운영 데이터 : 조직의 고유한 업무를 수행하는데 존재가치가 확실하고 없어서는 안될 반드시 필
JavaScript로 구현하는 GraphQL 블록체인
최종 결과물 https://vote-link.herokuapp.com/ GraphQL Playground 환경에서 Transaction과 블록을 생성할 수 있다. Bitcoin Blockchain 모델을 기반으로 만들었다.
Heroku에 Apollo 서버 배포하기
1. Heroku 설정 Heroku 회원가입 https://signup.heroku.com/ 에 접속해서 정보를 입력하고 회원가입 후 로그인한다. Heroku 앱 만들기 New -> Create new app을 클릭한다. App name과 Region을 설정하고
GraphQL 로 영화 정보 가져오기
지난 번에 AWS Lambda를 이용하여 간단한 API 만들기 포스팅을 했었는데 이를 바탕으로 GraphQL를 이용하여 각 API 불러서 서비스를 완성해 보겠습니다. > - AWS Lambda를 이용한 API 개발 원래는 GraphQL 프로젝트 자체를 AWS Lam
Svelte#2 - Svelte + graphQL + apollo
Svelte기능중에 slot 및 graphQL과 같이 쓴 포스트는 아직까지는 다른 svelte관련 자료들에 비해 양이 적은거 같아 이 포스트에서는 가상의 event list Data를 Graphql로 받아와서 Svelte기능중 Slot을 사용해 테스트해본 기록을 해보자
GraphQL React + Apollo Tutorial - 4. Mutation: 링크 생성하기
Apollo 클라이언트를 사용하여 GraphQL 뮤테이션을 다루어봅니다. Apollo의 `<Mutation />` 컴포넌트를 사용하여 뮤테이션을 정의하고 전송합니다.
GraphQL#4 - Schema module 분리
GraphQL Schema(Type, Resolver) 모듈을 분리해서 관리해보자.이 포스트 역시 지난 포스트와 연결하여 작성하는 포스트임을 미리 밝힌다.
GraphQL#3 - Mutation
GraphQl Mutation기능에 대해 정리해보자.해당 포스트는 이전 포스트와 연결되어 진행되는 포스트이기 때문에 관련 소스 역시 연결되어 진행한다.
FullStack.instargramClone(2);
prisma라고 GrpahQL을 읽고 DB 클라우드 역할을 해주는 서비스입니다. 또한 제공하는 명령어 기능으로 각 쿼리들끼리의 관계성도 만들 수 있고 GrapqhQL를 사용함에 있어서 매우 편리합니다. 다만 문제는 한국섭이 없다는 것과 제가 데모버전을 사용해서 그런 것
GraphQL#2 - Apollo Server Setting + Query
GraphQl과 Apollo server를 연동해보기.지난 포스트에 이어 이번에는 Express로 Apollo server를 구현해보고 GraphQL을 연동해보자. npm module부터 설치.Test 용도로 Dummy Data용 json을 일단 하나 만들어보자. 예시
FullStack.instargramClone(1);
금일부터는 NomaderCoder의 instargram clone 강의를 공부하겠습니다. 스택은 prisma react react-native GraphQL 입니다. express는 GrpahQL 모듈안에 내장되었습니다. Part.1 GraphQL API 서버 만들기
GraphQL#1 - Basic
GraphQL이란 Facebook에서 만든 쿼리 언어로써, CRUD방식의 REST API를 대체할 만한 언어로 급 부상 하고있다. 아니 급 부상 한지는 좀 되긴 했지만, 늦게나마 한번 정리를 해보고자 한다.
GraphQL React + Apollo Tutorial - 3. Query: 링크 불러오기
서버로부터 데이터를 불러오고 데이터를 React 컴포넌트에 표시하는 방법을 익힙니다. Apollo 클라이언트를 사용하여 GraphQL 쿼리를 다룹니다.
React.GraphQL(poketmon-app);
오늘은 노마더코더에서 제공하는 무료강의인 GrpahQL movie-app 만들기를 하겠습니다.설치항목은 router-dom, styled components, apollo 입니다.먼저 router폴더에 Home과 Detail을 만들어 주고, App에서 Router 컴
Get started 'react-apollo'
REST API와 Redux를 대체하는 GraphQL과 Apllographql을 기반으로 한 상태관리 플랫폼. 클라이언트에서 graphql을 사용해 데이터를 가져오는 UI를 만들 때 사용하기 좋다.@apollo/react-hooks로 더 간편하게 사용할 수 있다. =>
GraphQL React + Apollo Tutorial - 2. 시작하기
Hackernews 클론 프로젝트를 시작합니다. `create-react-app`을 사용하여 프론트엔드를 제작하고, Prisma를 사용하여 백엔드를 제작합니다.