profile
๐Ÿ˜Š
post-thumbnail

GraphQL React + Apollo Tutorial - 5. ๋ผ์šฐํŒ…

GraphQL๊ณผ Apollo๋ฅผ `react-router 4`์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์—ฌ ํŽ˜์ด์ง€ ์ด๋™์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค. ๊ฐ ๋ผ์šฐํŒ…์€ `Link`๋กœ ํ‘œํ˜„๋ฉ๋‹ˆ๋‹ค.

2020๋…„ 5์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL React + Apollo Tutorial - 4. Mutation: ๋งํฌ ์ƒ์„ฑํ•˜๊ธฐ

Apollo ํด๋ผ์ด์–ธํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GraphQL ๋ฎคํ…Œ์ด์…˜์„ ๋‹ค๋ฃจ์–ด๋ด…๋‹ˆ๋‹ค. Apollo์˜ `<Mutation />` ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฎคํ…Œ์ด์…˜์„ ์ •์˜ํ•˜๊ณ  ์ „์†กํ•ฉ๋‹ˆ๋‹ค.

2020๋…„ 3์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL React + Apollo Tutorial - 3. Query: ๋งํฌ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ React ์ปดํฌ๋„ŒํŠธ์— ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ตํž™๋‹ˆ๋‹ค. Apollo ํด๋ผ์ด์–ธํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GraphQL ์ฟผ๋ฆฌ๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

2020๋…„ 2์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL React + Apollo Tutorial - 2. ์‹œ์ž‘ํ•˜๊ธฐ

Hackernews ํด๋ก  ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. `create-react-app`์„ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ์ œ์ž‘ํ•˜๊ณ , Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฑ์—”๋“œ๋ฅผ ์ œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

2020๋…„ 2์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL React + Apollo Tutorial - 1. Introduction

Apollo Client๋Š” ํ”„๋ก ํŠธ์—”๋“œ์—์„œ GraphQL์„ ์•„์ฃผ ๊ฐ„๋‹จํ•˜๊ฒŒ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์œ ์—ฐํ•˜๋ฉด์„œ๋„ ๊ฐ•๋ ฅํ•˜๊ณ  ์ง๊ด€์ ์ธ API๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

2020๋…„ 2์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 10. Summary

์ด์ œ ์—ฌ๋Ÿฌ๋ถ„์€ Node.js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GraphQL ์„œ๋ฒ„๋ฅผ ๋งŒ๋“œ๋Š” ๋ฒ•, ํ•„ํ„ฐ๋ง๊ณผ ์ธ์ฆ, ํŽ˜์ด์ง€๋„ค์ด์…˜๊ณผ ๊ตฌ๋…์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฒ ์ŠคํŠธ ํ”„๋ž™ํ‹ฐ์Šค๋ฅผ ๋ชจ๋‘ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.

2020๋…„ 2์›” 13์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 09. Filtering, Pagination & Sorting

Node.js, Express, Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GraphQL API์— ํ•„ํ„ฐ๋ง ๋ฐ ํŽ˜์ด์ง€๋„ค์ด์…˜ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด๋ด…๋‹ˆ๋‹ค.

2020๋…„ 2์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 08. Realtime GraphQL Subscriptions

Node.js, Express, ๊ทธ๋ฆฌ๊ณ  Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์— ์‹ค์‹œ๊ฐ„ ๊ธฐ๋Šฅ์„ ๋”ํ•˜๋ ค๋ฉด GraphQL ๊ตฌ๋…์„ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•ด์•ผ ํ•˜๋Š”์ง€ ๋ฐฐ์›๋‹ˆ๋‹ค.

2019๋…„ 10์›” 27์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 07. Authentication

Node.js, Express, ๊ทธ๋ฆฌ๊ณ  Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ธ์ฆ๊ณผ ๊ถŒํ•œ ๋ถ€์—ฌ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ์šฐ์ˆ˜ ์‚ฌ๋ก€๋ฅผ ๋ฐฐ์›๋‹ˆ๋‹ค.

2019๋…„ 10์›” 19์ผ
ยท
8๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 06. Connecting Server and Database with the Prisma Client

GraphQL ์„œ๋ฒ„์— ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋Š” Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์„œ๋ฒ„์™€ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

2019๋…„ 10์›” 17์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 05. Adding a Database

GraphQL ์„œ๋ฒ„์— ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋Š” Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์„œ๋ฒ„์™€ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

2019๋…„ 10์›” 12์ผ
ยท
6๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL์—์„œ `input` ํƒ€์ž…์„ ์™œ ์‚ฌ์šฉํ• ๊นŒ?

GraphQL์˜ 'Object' ํƒ€์ž…๊ณผ 'input' ํƒ€์ž…์˜ ์ฐจ์ด

2019๋…„ 10์›” 11์ผ
ยท
7๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 04. A Simple Mutation

graphql-js, Node.js, Prisma๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GraphQL ๋ฎคํ…Œ์ด์…˜์„ ๊ตฌํ˜„ํ•˜๋Š” ์šฐ์ˆ˜ ์‚ฌ๋ก€๋ฅผ ๋ฐฐ์›๋‹ˆ๋‹ค. ๊ตฌํ˜„ํ•œ ๋‚ด์šฉ์„ GraphQL Playground์—์„œ ํ…Œ์ŠคํŠธํ•ด๋ด…๋‹ˆ๋‹ค.

2019๋…„ 10์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 03. A Simple Query

GraphQL ์Šคํ‚ค๋งˆ ์ •์˜, Node.js๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ฟผ๋ฆฌ ๋ฆฌ์กธ๋ฒ„ ๊ตฌํ˜„, GraphQL Playground๋ฅผ ์‚ฌ์šฉํ•œ ์ฟผ๋ฆฌ ํ…Œ์ŠคํŠธ์— ๋Œ€ํ•˜์—ฌ ๋ฐฐ์›๋‹ˆ๋‹ค.

2019๋…„ 10์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 02. Getting Started

Node.js์™€ Express๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GraphQL ์„œ๋ฒ„๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ๋˜ํ•œ, GraphQL ์Šคํ‚ค๋งˆ๋ฅผ ์ •์˜ํ•˜๋Š” ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

2019๋…„ 10์›” 2์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 01. Introduction

Tutorials that will start from scratch and teach you how to build a fully-fledged Hackernews clone

2019๋…„ 10์›” 1์ผ
ยท
8๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

How to GraphQL - 10. Common Questions

GraphQL์˜ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ์บ์‹ฑ, ์ธ์ฆ, ๊ถŒํ•œ, ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ, ์˜คํ”„๋ผ์ธ ์‚ฌ์šฉ ๋“ฑ์— ๋Œ€ํ•œ ๊ณตํ†ต ์งˆ๋ฌธ์— ๋Œ€ํ•œ ํ•ด๋‹ต์„ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

2019๋…„ 9์›” 30์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

How to GraphQL - 9. Security

GraphQL์˜ ๋‹ค์–‘ํ•œ ๋ณด์•ˆ ์ธก๋ฉด ๋ฐ ์ „๋žต์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ์‹œ๊ฐ„ ์ œํ•œ, ์ตœ๋Œ€ ์ฟผ๋ฆฌ ๊นŠ์ด, ์ฟผ๋ฆฌ ๋ณต์žก๋„, ์“ฐ๋กœํ‹€๋ง์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

2019๋…„ 9์›” 29์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

How to GraphQL - 8. Tooling and Ecosystem

GraphQL ์ƒํƒœ๊ณ„์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ณ , GraphiQL Playground, Introspection์„ ํ†ตํ•˜์—ฌ ์ž๋™ ์ƒ์„ฑ๋˜๋Š” ๋ฌธ์„œ์™€ ๊ฐ™์€ ๊ด€๋ จ ๋„๊ตฌ์— ๋Œ€ํ•˜์—ฌ ๋ฐฐ์›๋‹ˆ๋‹ค.

2019๋…„ 9์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

How to GraphQL - 7. More GraphQL Concepts

Fragment, ์ฟผ๋ฆฌ ์ธ์ž, Alias, ์ธํ„ฐํŽ˜์ด์Šค, ๊ทธ ์ด์™ธ์˜ SDL ๊ธฐ๋Šฅ๊ณผ ๊ฐ™์€ GraphQL์˜ ์‹ฌํ™” ๊ฐœ๋…์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

2019๋…„ 9์›” 26์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€