Back-end

ヤルパク GraphQL と Apollo

⚡ 短く太い全90分講座！サイトのコードを復活させ、すばやくGraphQLを学び、アポロの使い方を学びましょう。

（4.9）受講レビュー 153件

受講生 3,689名

yalco

GraphQL

Apollo

Node.js

学習した受講者のレビュー

こんなことが学べます

GraphQLの概念と使い方
Apolloを使用してGraphQLバックエンドサーバーを構築する
Apolloを使用してGraphQL xリアクトベースのフロントエンドを作成する

⏱あなたの時間は大切です。

🎢 GraphQLとは何ですか？

サービスを構成するソフトウェア間では、多くのデータが来たり、コミュニケーションが行われたりします。 GraphQLはこれまで広く使われていたREST APIとは異なる方式の情報交換です。サービスの特性に応じて、より効率的で簡単で強力な方法でフロントエンドとバックエンド、サーバーとモバイルアプリなどの要素間のコミュニケーションを実現することができます。

🚀 Apolloとは何ですか？

GraphQLでサービスを作成するには、その形式に応じてフロントエンドからデータを要求し、バックエンドでそれを受け取り、ジョブを処理できるようにするソフトウェアが必要です。 Apolloはそれぞれバックエンドサーバー、そしてReactなどのフロントウェブやモバイルアプリでGraphQLを使った情報交換を簡単に実装できるようにしてくれます。

📚 これらを学ぶと何がいいですか？

GraphQLを理解し、Apolloを扱うことがわかったら、サーバーとデータをやり取りするWebまたはモバイルアプリサービスをより迅速かつ簡単にすることができます。 REST APIとGraphQLのそれぞれの強みを把握し、それらを積載適所に活用してサービスの能率と性能を最大限に引き上げることもできます。

⚡これはどんな講座ですか？

ヤルパクのGraphQL＆Apollo講座は、合計90分という短い時間の間、GraphQLとApolloの基礎だが重要な内容を素早く取り上げます。映像を目で一度見るだけでも、GraphQLとApolloをすぐに理解して活用してサービスを作ることができるように企画しました。練習を進め、必要な場所にコードを貼り付けることができるように、講義用ページにすべてのコードスニペットが載っています。講師のタイピングを待つ必要がなく、クールに進む画面で素早く知識を習得できます。

皆さんの時間は大切ですからね。 😁

コードはすぐに貼って使用してください！

特定の概念が必要な部分は、ページに挿入された簡単なヤルコ画像で補足されます。

📑 どんなことを学びますか？

1. GraphQLが何で、なぜ書くのですか？
GraphQLがなぜ誕生したのか、どのような特性を持つのかをREST APIとの比較を通じて調べ、直接情報をやり取りすることで、その使い方と有用性を調べます。

2. GraphQL サーバーの作成
Apollo Serverを使用してNode.jsベースのバックエンドサーバーを実装します。

3. GraphQL サーバーの深さの把握
GraphQLのより多くの機能、そしてそれをApollo Serverとして実装する方法を学びます。

4. GraphQL クライアントの作成
Apollo Clientを使用して、ReactベースのWebサイトからGraphQLでサーバーとデータを送受信するサービスを実装します。

こんな方に
おすすめです

学習対象は
誰でしょう？

GraphQLを知りたい人
JavaScriptに基づいてGraphQLを使用するサービスを作成したい人
効率的にデータを活用するサービスを制作したい方

前提知識、
必要でしょうか？

HTML、CSS、JavaScript
フロントエンドとバックエンドの基本概念
(推奨) Reactの使い方

こんにちは
です。

30,123

受講生

1,541

受講レビュー

回答

4.9

講座評価

講座

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)

カリキュラム

全体

14件 ∙ (1時間 30分)

セクション 1．GraphQLとは何か、なぜ使うのか？

4件 ∙ (22分)

1. 講義紹介 & 準備物
02:26
2. REST APIとは？
10:00
3. GraphQLで情報交換してみる
06:40
4. アポロとは何で、なぜ使うのですか？
03:33

セクション 2．GraphQLサーバーを作ってみる

3件 ∙ (21分)

5. Apollo サーバー構築
06:13
6. クエリ実装
09:06
7. ミューテーション実装
06:10

セクション 3．GraphQLサーバー深掘り

4件 ∙ (27分)

8. サーバーコンポーネントのモジュール化
06:20
9. GraphQLの基本タイプ
07:08
10. ユニオンとインターフェイス
06:22
11. 引数と入力タイプ
07:15

セクション 4．GraphQL クライアントを作ってみる

3件 ∙ (19分)

講座掲載日:

最終更新日:

受講レビュー

全体

153件

4.9

153件の受講レビュー

이형우
受講レビュー 3
∙
平均評価 5.0
5
100% 受講後に作成
쉽고 빠르게 그래프큐엘에 입문하기 너무 좋은 강의입니다. 게다가 무료라니요!! 얄코님 감사합니다~~
- 얄팍한 코딩사전
  知識共有者
  감사합니다!!
영근영근
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
필요한 내용만 축약해 주셔서 빠르게 이해할 수 있었습니다. 감사합니다!
sy k
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
graphQL 초보자인데 빠르게 숙지하기 좋았습니다 감사합니다!!
- 얄팍한 코딩사전
  知識共有者
  감사합니다~!!
황세연
受講レビュー 1
∙
平均評価 5.0
5
36% 受講後に作成
SJ Kim
受講レビュー 2
∙
平均評価 5.0
5
64% 受講後に作成

無料

yalcoの他の講座

知識共有者の他の講座を見てみましょう！

제대로 파는 Git & GitHub - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 Git 박사로 들어주는 끝판왕 강좌!

입문

Git, GitHub

제대로 파는 Git & GitHub - by 얄코(Yalco)

얄팍한 코딩사전

얄코의 가장 쉬운 자료구조와 알고리즘

얄팍한 코딩사전

자료구조와 알고리즘의 핵심 개념을 시각적 비유와 테스트 도구를 통해 쉽게 이해할 수 있는 강의입니다. 기초부터 정렬, 탐색까지 직접 구현하며 실력으로 체득하게 됩니다.

초급

알고리즘, data-structure

얄코의 가장 쉬운 자료구조와 알고리즘

얄팍한 코딩사전

제대로 파는 HTML CSS - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 HTML & CSS 박사로 들어주는 끝판왕 강좌!

입문

HTML/CSS

제대로 파는 HTML CSS - by 얄코(Yalco)

얄팍한 코딩사전

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

초급

JavaScript

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

얄코의 가장 쉬운 리액트(React)

얄팍한 코딩사전

설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!

초급

JavaScript, React, Node.js

얄코의 가장 쉬운 리액트(React)

얄팍한 코딩사전

얄코의 떠먹여주는 객체지향 디자인 패턴

얄팍한 코딩사전

OODP의 25가지 패턴들을 통해 소프트웨어를 객체지향적으로 설계하는 다양한 방법들을 배웁니다.

초급

Java, 객체지향, 디자인 패턴

얄코의 떠먹여주는 객체지향 디자인 패턴

얄팍한 코딩사전

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

실무 프론트/백엔드 개발 이전에 꼭 알아야 할, Node.js의 핵심 원리와 실전 기술을 담았습니다.

초급

Node.js

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

제대로 파는 자바 (Java) - by 얄코(Yalco)

얄팍한 코딩사전

적당히 배워서는 살아남을 수 없는 시대. 자바, 한 번에 제대로 파서 마스터하세요!

입문

Java, 함수형 프로그래밍, 객체지향

제대로 파는 자바 (Java) - by 얄코(Yalco)

얄팍한 코딩사전

갖고노는 MySQL 데이터베이스 by 얄코

얄팍한 코딩사전

비전공자도 이해할 수 있는 MySQL! 빠른 설명으로 필수개념만 훑은 뒤 사이트의 예제들과 함께 MySQL을 ‘갖고 놀면서’ 손으로 익힐 수 있도록 만든 강좌입니다.

입문

MySQL, SQL, DBMS/RDBMS

갖고노는 MySQL 데이터베이스 by 얄코

얄팍한 코딩사전

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

얄팍한 코딩사전

⚡ 짧고 굵은 전체 160분 강좌! 웹사이트에서 웹사이트로 코드를 복붙하며, ReactiveX를 통한 반응형 프로그래밍을 익히세요 😎

초급

RxJS, JavaScript, 함수형 프로그래밍

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

얄팍한 코딩사전

얄코의 가장 쉬운 타입스크립트(TypeScript)

얄팍한 코딩사전

타입스크립트의 문법과 사용법을 가장 쉬운 설명으로 빠르게 학습합니다.

초급

TypeScript

얄코의 가장 쉬운 타입스크립트(TypeScript)

얄팍한 코딩사전

뉴비를 위한 자바스크립트

얄팍한 코딩사전

코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다.

입문

JavaScript

뉴비를 위한 자바스크립트

얄팍한 코딩사전

Yalco's TypeScript (English ver.)

얄팍한 코딩사전

Learn TypeScript syntax and usage quickly with the easiest explanations!

초급

TypeScript

Yalco's TypeScript (English ver.)

얄팍한 코딩사전

가장 쉬운 Node.js (글로벌 버전)

얄팍한 코딩사전

이 강좌는 실제 프런트엔드 또는 백엔드 개발에 뛰어들기 전에 반드시 알아야 할 Node.js의 핵심 원리와 실용적인 기술을 다룹니다.

초급

Node.js

가장 쉬운 Node.js (글로벌 버전)

얄팍한 코딩사전

The Easiest React (Global ver.)

얄팍한 코딩사전

Learn React the Easiest and Fastest Way!

입문

React, JavaScript, Node.js

The Easiest React (Global ver.)

얄팍한 코딩사전

25 Object-Oriented Design Patterns by Yalco (Global ver.)

얄팍한 코딩사전

You will learn various ways to design software in an object-oriented manner through the 25 patterns of OODP.

초급

Java, 디자인 패턴

25 Object-Oriented Design Patterns by Yalco (Global ver.)

얄팍한 코딩사전

似ている講座

同じ分野の他の講座を見てみましょう！

Electron과 NodeJS 그리고 Socket.io를 이용한 채팅 어플리케이션 개발

김지운

강의의 내용을 바탕으로 기본적인 채팅어플리케이션 작성과 Electron 과 NodeJS의 기본적인 구조에 대해 알아간다.

초급

Node.js, Electron, Socket.io

Electron과 NodeJS 그리고 Socket.io를 이용한 채팅 어플리케이션 개발

김지운

JavaScript 비동기 프로그래밍 완벽 가이드 - Promise, await, async

드라진

비동기 프로그래밍은 자바스크립트(JavaScript)의 핵심 개념입니다. 이 강의를 통해 비동기 프로그래밍을 완벽히 이해하고 사용할 수 있도록 도와줄 것입니다.

초급

JavaScript, Node.js, promise

JavaScript 비동기 프로그래밍 완벽 가이드 - Promise, await, async

드라진

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

물 흐르듯 따라가는 Express.js 입문부터 실전까지! 서버 기초 개념부터 CRUD 프로젝트 완성까지 직접 구현하며 제대로 익히는 백엔드 여정.

초급

express.js, Node.js, routing

제대로 배우는 Express.js: Part1 기초부터 심화까지 [기초편]

nhcodingstudio

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

Indie Coder

차세대 API 제어 기술인 GraphQL의 기본과 고급 사용법 그리고 GraphQL로 만들어 가는 가상의 키오스크 서비스를 통해서 실제 프로젝트 경험을 학습하게 됩니다. 강좌는 2024년 2월 기준 가장 최신 버전인 apollo-server v4로 강좌를 부분 업데이트 했습니다.

초급

GraphQL, Svelte, MongoDB

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

Indie Coder