vue.js – GraphQL 인자 값 넣어서 데이터 받기
vue.js 에서 입력값을 받아 해당 입력 값을 GraphQL 쿼리 인자로 넣어서 데이터를 가져오고 싶을 때가 있다. 예를들면, 영어 사전 검색을 하는데 smart, login과 같은 단어가 포함된 결과물을 얻고 싶을 때…
0 Comments
June 11, 2020
Nuxt + GraphQL + Strapi를 이용한 웹페이지 만들기 (2)
Restaurants 생성 앞서 만든 strapi를 이용해 레스토랑 리스트를 만든다. Content Type 생성 strapi의 좌측 메뉴에서 Content-Types Builder 클릭+ Create new collection type 클릭restaurant 라는 이름으로 collection type을 생성한다.text 필드 생성을…
June 5, 2020
Nuxt + GraphQL + Strapi를 이용한 웹페이지 만들기 (1)
Nuxt 설치 Vue cli 설치 yarn global add @vue/cli # 또는 npm install -g @vue/cli 프로젝트 디렉토리 생성 mkdir deliveroo-clone-tutorial cd deliveroo-clone-tutorial frontend 디렉토리 생성 yarn create nuxt-app frontend #…
June 5, 2020
GraphQL 이란?
GraphQL이란 간단히 정의하면 SQL과 같은 용도의 언어라 할 수 있다. 기존 SQL이 데이터베이스에서 데이터를 가져오기 위한 쿼리문이라면 GraphQL은 웹 클라이언트가 서버로 부터 데이터를 가져오기 위한 쿼리문이다. GraphQL 쿼리 실행해보기 다음은…
June 4, 2020