GraphQL 쿼리 - 변수

GraphQL 쿼리 - 변수

실제 응용 프로그램은 쿼리가 동적이고 사용자 입력에 응답해야 하므로 GraphQL에 동적 값을 전달하고 서버에서 응답을 받는 변수가 있습니다.

변수 정의 및 사용 사례로 이동하기 전에 Operation에 익숙해질 것입니다.

GraphQL 여정을 막 시작했다면 이 게시물을 보기 전에 GraphQL Queries - Getting Started을 읽어보세요.

작업

GraphQL을 사용하면 사용자가 쿼리 이름을 정의하는 단축 구문을 사용할 수 있지만 query 키워드로 쿼리 이름을 정의하는 데 선호되는 방법입니다.

query TodoListResult {
    todos {
        name
        completed
        created_at
    }
}

TodoListResult라는 위의 쿼리에 대한 작업 이름을 정의했습니다. 이러한 이름은 애플리케이션을 디버깅하거나 데이터를 로깅할 때 유용합니다.

작업 유형

GraphQL에는 세 가지 작업 유형이 있습니다.

쿼리 - 데이터베이스에서 데이터를 가져옵니다

.

돌연변이 - 데이터베이스에서 데이터 생성/수정

구독 - 데이터 변경에 대한 실시간 업데이트

이러한 작업 유형은 작업 선언의 첫 번째 부분을 구성하고 그 뒤에 작업 이름이 옵니다.

{operationType} {operationName} {

}

변수

GraphQL 쿼리에 동적 값을 추가하는 변수 도움말. 전달된 인수 및 변수를 기반으로 쿼리를 재사용할 수 있습니다. 작업 내에서 변수를 사용하는 예를 살펴보겠습니다.

query TodoListResult($count: Int) {
    todos(limit: $count) {
        name
        created_at
    }
}

변수는 작업 이름과 유형으로 정의되며 동일한 구문을 사용하여 작업에서 변수를 사용할 수 있습니다$count.

이 예에서는 쿼리에 전달된 변수를 기반으로 쿼리에서 반환되는 할일 수를 제한하려고 합니다. 따라서 요구 사항에 따라 여러 페이지에서 동일한 쿼리를 재사용하는 것을 상상할 수 있습니다.

이 쿼리를 호출할 때 변수를 전달해야 합니다.

{
    "count": 5
}

실습

이러한 GraphQL 변수를 사용하여 손을 더럽히기 위한 몇 가지 실용적인 연습을 살펴보겠습니다.

start_date에서 end_date까지 todos를 반환하는 쿼리 생성

completed todos 또는 not completed todos를 반환하는 쿼리 생성

어디서부터 시작해야 할지 확실하지 않은 경우 이 튜토리얼을 따라 GraphQL 서버를 시작하는 것은 Hasura를 사용하는 짧은 시간입니다.

Build Sports API with GraphQL - Hasura - Part 1

우리 커뮤니티에 가입하세요

메일링 리스트를 구독하고 Discord 커뮤니티에 가입하여 계속 지켜봐 주세요.

Discord