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

2์žฅ - Application Layer

TCP/IP ๊ณ„์ธต ์ค‘ Application Layer์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ณ , ํ•ด๋‹น ๊ณ„์ธต์˜ ์ฃผ์š” ๊ธฐ์ˆ ๊ณผ ํ”„๋กœํ† ์ฝœ๋“ค์„ ๋‹ค๋ฃน๋‹ˆ๋‹ค.

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

1์žฅ - ์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ์™€ ์ธํ„ฐ๋„ท

์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ๋ฅผ ๊ฐœ๊ด€ํ•˜๊ณ , ์ฃผ์š” ์šฉ์–ด ๋ฐ ๊ฐœ๋…์„ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

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

์ฝ์–ด๋ณธ ์ค‘ ๊ฐ€์žฅ ์ข‹์•˜๋˜ ๋ชจ๋‚˜๋“œ ์ž…๋ฌธ ๊ธ€์˜ ์ผ๋ถ€๋ฅผ ๋ฐœ์ทŒํ•˜์—ฌ Haskell ๋Œ€์‹  JavaScript๋กœ ์„ค๋ช…ํ•œ ๊ธ€

๋ชจ๋‚˜๋“œ์˜ ๊ฐœ๋…์„ ๊ฐ€๋ณ๊ฒŒ ๊ฒ‰ํ•ฅ์•„๋ด…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ œ๋ชฉ์€ ๊ฐ€๋ณ์ง€ ์•Š์€

2022๋…„ 2์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

2021๋…„ ํšŒ๊ณ 

์ง€๋‚œ ํ•œ ํ•ด๋ฅผ ๋Œ์•„๋ณด๋ฉฐ

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