0Pricing
Node.js Backend Development Bootcamp · 강의

GraphQL API 설계 원칙

유연한 API 설계를 위해 스키마, 쿼리, 변형 및 구독을 포함한 GraphQL의 기초를 학습합니다.

GraphQL API 설계 원칙은(는) CoddyKit의 무료 Node.js Backend Development Bootcamp 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Node.js Backend Development Bootcamp 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Node.js Backend Development Bootcamp 강의에는 총 4개의 강의가 포함되어 있습니다.

이 강의의 일부는 아직 번역되지 않았으며 영어로 표시됩니다.

What is GraphQL?

Welcome to GraphQL API Design! GraphQL is a powerful query language for your APIs and a runtime for fulfilling those queries with your existing data.

Think of it as a way for clients (like your mobile app) to ask for exactly the data they need, no more, no less. It's an alternative to traditional REST APIs.

GraphQL API 설계 원칙 — 일러스트레이션 1

GraphQL vs. REST APIs

While REST APIs typically have multiple endpoints, each returning a fixed data structure, GraphQL uses a single endpoint.

  • REST: Often leads to over-fetching (getting more data than needed) or under-fetching (needing multiple requests for related data).
  • GraphQL: Solves this by allowing clients to specify the data shape, reducing network requests and improving efficiency.

The Core: GraphQL Schema

At the heart of every GraphQL API is its schema. The schema defines the entire API's capabilities: what data can be queried, what data can be modified, and what types of data exist.

It acts as a contract between the client and the server, ensuring both sides understand the available operations and data structures.

Schema Definition Language (SDL)

GraphQL schemas are written using the Schema Definition Language (SDL). It's a simple, intuitive language for defining types and operations.

Let's look at a basic example of defining a User type with some fields:

type User {
  id: ID!
  name: String!
  email: String
  age: Int
}

Understanding SDL Types

In the previous example:

  • type User: Defines a new object type named User.
  • id: ID!: id is a field of type ID. The ! means it's non-nullable (always present).
  • String, Int, ID: These are scalar types, GraphQL's built-in basic data types.
  • You can also define custom object types like Post or Comment.

Root Type: Query

The Query root type is special. It defines all the entry points for reading data from your API. Think of these as the 'GET' operations in REST.

Here's how you might add operations to fetch users or a single user by ID:

type Query {
  users: [User!]!
  user(id: ID!): User
}

type User {
  id: ID!
  name: String!
  email: String
  age: Int
}

Executing a GraphQL Query

Once the Query type is defined, clients can request data. They specify which fields they want from the available operations. This is how you avoid over-fetching!

To get all user names and IDs:

query GetUsers {
  users {
    id
    name
  }
}

Root Type: Mutation

The Mutation root type defines all the entry points for writing or changing data in your API. These are like 'POST', 'PUT', 'PATCH', and 'DELETE' operations in REST.

Mutations often take input arguments and return the modified object.

type Mutation {
  createUser(name: String!, email: String, age: Int): User!
  updateUser(id: ID!, name: String, email: String, age: Int): User
  deleteUser(id: ID!): Boolean!
}

Executing a GraphQL Mutation

Similar to queries, clients send mutations to perform data modifications. They specify the mutation name, its arguments, and what fields of the result they want back.

Here's an example to create a new user:

mutation CreateNewUser {
  createUser(name: "Alice", email: "alice@example.com", age: 30) {
    id
    name
    email
  }
}

Schema Design Quick Check

Consider the following GraphQL schema snippet. Which statements about it are TRUE?

type Book {
  id: ID!
  title: String!
  author: Author!
}

type Author {
  id: ID!
  name: String!
  books: [Book!]
}

type Query {
  books: [Book!]!
  book(id: ID!): Book
  authors: [Author!]!
}

type Mutation {
  createBook(title: String!, authorId: ID!): Book!
}

Recap & Beyond

Great job! You've learned the core principles of GraphQL API design:

  • GraphQL allows clients to request specific data.
  • The Schema Definition Language (SDL) defines the API's contract.
  • Object types define data structures.
  • The Query root type handles data fetching.
  • The Mutation root type handles data modification.

Next, we'll dive into building a GraphQL server with Apollo to bring these designs to life!

자주 묻는 질문

“GraphQL API 설계 원칙” 강의는 무료인가요?

네 — “GraphQL API 설계 원칙” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Node.js Backend Development Bootcamp 강의 전체를 잠금 해제할 수 있습니다. Node.js Backend Development Bootcamp 강의에는 총 4개의 강의가 포함되어 있습니다.

“GraphQL API 설계 원칙”에서 뭘 배우나요?

유연한 API 설계를 위해 스키마, 쿼리, 변형 및 구독을 포함한 GraphQL의 기초를 학습합니다. 브라우저에서 직접 실행하는 실습 코드로 Node.js Backend Development Bootcamp을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

Node.js Backend Development Bootcamp을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 Node.js Backend Development Bootcamp은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 2번째 강의입니다.

“GraphQL API 설계 원칙” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Node.js Backend Development Bootcamp 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Node.js Backend Development Bootcamp 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. Node.js 서버리스 입문
  2. GraphQL API 설계 원칙
  3. Apollo로 GraphQL 서버 구축하기
  4. 실시간 데이터를 위한 GraphQL 구독
← Node.js Backend Development Bootcamp(으)로 돌아가기