profile
๐Ÿ˜Š
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (39)graphql(26)db(24)web(22)Database(21)query(20)Backend(19)React(17)frontend(16)JavaScript(16)resolver(14)mutation(13)graphql yoga(11)apollo(11)facebook(10)express(10)nodejs(7)prisma(7)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(6)apollojs(5)tutorial(5)ES6(4)ORM(4)์‹œํ€„๋ผ์ด์ฆˆ(4)mysql(4)sql(4)Sequelize(4)iterator(3)promise(3)iterable(3)generator(3)js(2)ํ”„๋ผ๋ฏธ์Šค(2)async(2)Relay(2)ecmascript(2)์ •์ „์‹๋ฌด์ ‘์ ํ‚ค๋ณด๋“œ(1)subscription(1)memoization(1)๋ฉ”๋ชจ์ด์ œ์ด์…˜(1)์ œ๋„ˆ๋ ˆ์ดํ„ฐ(1)ํ”ผ๋ณด๋‚˜์น˜(1)tapable hook(1)express yoga(1)strongswan(1)ikev2(1)ubuntu(1)ํ•œ์„ฑ์ปดํ“จํ„ฐ(1)iterator protocol(1)input(1)minicoup(1)Recoil(1)await(1)es2015(1)Symbol(1)jank(1)๋น„๋™๊ธฐ(1)speculation(1)tapable(1)๋ฌด์ ‘์ ํ‚ค๋ณด๋“œ(1)vpn(1)state management(1)webpack(1)swr(1)es7(1)observable(1)์˜ต์ €๋ฒ„๋ธ”(1)์ดํ„ฐ๋Ÿฌ๋ธ”(1)์ดํ„ฐ๋ ˆ์ดํ„ฐ(1)concurrent(1)concurrency(1)mutatoin(1)ufw(1)react-suspense(1)์ •์ „์‹(1)context(1)react-query(1)State(1)๋…ธ๋ฟŒ(1)reactjs(1)spinner(1)graph yoga(1)webpack tapable(1)๋ฌด์ ‘์ (1)๋…ธ๋ฟŒ์Šค์œ„์น˜(1)interpretative(1)react router(1)redux(1)webpack-plugin(1)rendering(1)plugin(1)concurrent-mode(1)์ฒด๋ฆฌ์‹(1)react-fiber(1)fibonacci(1)GK888B(1)
post-thumbnail

์™“ ๋” ํ›…? Tapable์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด์ž

Webpack Plugin์€ Tapable Hook์„ ๊ทผ๊ฐ„์œผ๋กœ ํ•˜์—ฌ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค. ๋ฌผ๋ก  ๊ณต์‹ ๋ฌธ์„œ์— Tapable์— ๋Œ€ํ•œ ์„ค๋ช…์ด ์žˆ๊ธด ํ•œ๋ฐ ๋ง์ด์ฃ ...

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

React ์ƒํƒœ ๊ด€๋ฆฌ์˜ ๊ณผ๊ฑฐ, ํ˜„์žฌ, ๊ทธ๋ฆฌ๊ณ  ๋ฏธ๋ž˜

React ์•ฑ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋‹ค์–‘ํ•œ ์œ ํ˜•์˜ ์ƒํƒœ๋ฅผ ์•Œ์•„๋ณด๊ณ , ์ด๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

2021๋…„ 5์›” 30์ผ
ยท
8๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Ubuntu 18.04์—์„œ StrongSwan์„ ์‚ฌ์šฉํ•˜์—ฌ IKEv2 VPN ์„œ๋ฒ„ ๊ตฌ์ถ•ํ•˜๊ธฐ

VPN์„ ๋ˆ ๋‚ด๊ณ  ์‚ฌ์šฉํ•˜์‹ ๋‹ค๊ณ ์š”?

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

What is React Concurrent Mode?

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋™์‹œ์„ฑ์ด๋ž€? ๊ทธ๋ฆฌ๊ณ  React Concurrent ๋ชจ๋“œ๋ž€?

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

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

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

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

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

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

2020๋…„ 3์›” 4์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
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์ผ
ยท
3๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 10. Summary

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

2020๋…„ 2์›” 13์ผ
ยท
3๊ฐœ์˜ ๋Œ“๊ธ€
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์ผ
ยท
6๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

GraphQL - Node Tutorial - 07. Authentication

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

2019๋…„ 10์›” 19์ผ
ยท
10๊ฐœ์˜ ๋Œ“๊ธ€
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๊ฐœ์˜ ๋Œ“๊ธ€