GraphQL DataLoader 적용하기

Transcript

1. GraphQL DataLoader 2020.02.08 doit team ੉ࣻഐ https://github.com/angelxtry
2. TL; DR GraphQLਸ بੑ೮׮ݶ DataLoaderܳ ੸ਊೞࣁਃ. فߣ ೞࣁਃ.
3. Teck stack
4. GraphQL
5. GraphQL ੢੼ ઺୏ػ(nested) ੿ࠁܳ ੗োझۣѱ ۽٘ೡ ࣻ ੓׮.
6. GraphQL ੢੼ ઺୏ػ(nested) ੿ࠁܳ ੗োझۣѱ ۽٘ೡ ࣻ ੓׮.
9. GraphQL ੢੼ ઺୏ػ(nested) ੿ࠁܳ ੗োझۣѱ ۽٘ೡ ࣻ ੓׮.
11. ޙઁߊࢤ
12. dummy data 50 user full data ੷੢
13. וܻ׮. ৵? ۽Ӓܳ ࠁ੗! ۽Ӓܳ!
14. ۽Ӓо ցޖ ݆ই! query query query query query query query query query query query query query query query query query query query query query
15. ୊਺ࠗఠ ׮द! 10 user data + motivations data ੷੢ ઑഥ ۽Ӓܳ ࠁ੗! ۽Ӓܳ!
16. য?!?! user * 1 + motivaions * 10 = 11(?)
17. user * 1 + table 6 * user 50 = 301(!!)
18. N+1 Problem
19. users user user user user user Select
20. users user user user user user m m m m m Select Select Select Select Select Select
21. যڌѱ ೧Ѿ೮աਃ?
22. DataLoader
23. DataLoader is a generic utility to be used as part of your application’s data fetching layer to provide a simplified and consistent API over various remote data sources such as databases or web services via batching and caching.
24. users user user user user user 1 User ప੉࠶ select
25. key key key key key DataLoader users user user user user user 2 DataLoaderী key ੷੢ 1 User ప੉࠶ select
26. key key key key key DataLoader val val val val val users user user user user user Select 3 Motivations table select 2 DataLoaderী key ੷੢ 1 User ప੉࠶ select
27. key key key key key DataLoader val val val val val users user user user user user m m m m m Select 4 User߹ Motivation ೡ׼ 3 Motivations table select 2 DataLoaderী key ੷੢ 1 User ప੉࠶ select
28. userSchema.ts
29. userResolver.ts
30. DataLoader ੸ਊ!
31. yarn add dataloader
32. userResolver.ts
33. userResolver.ts
34. userRepository.ts
35. userRepository.ts
36. ઱੄ࢎ೦
37. ઱੄ࢎ೦ 1
38. ઱੄ࢎ೦ 2
39. ઱੄ࢎ೦ 3
40. ޤо જই઎աਃ?
41. Select 2ߣ
42. 500 user full data ੷੢
43. Select 2ߣ
44. Postman 10ഥ ߈ࠂ प೯ ੉റ 10ഥ ಣӐ प೯ ࣘب ஏ੿
45. Postman 10ഥ ߈ࠂ प೯ ੉റ 10ഥ ಣӐ प೯ ࣘب ஏ੿ ੸ਊ ੹: 1318ms ੸ਊ റ: 117ms
46. Ѿۿ
47. TL; DR GraphQLਸ بੑ೮׮ݶ DataLoaderܳ ੸ਊೞࣁਃ. فߣ ೞࣁਃ.
48. ӟ ߊ಴ ٜয઱࣊ࢲ хࢎ೤פ׮! ߊ಴ ղਊਸ ؊ ࠁҊ रਵद׮ݶ?
 https://blog.doitreviews.com/development/ 2020-02-04-graphql-typeorm-dataloader/ ೐۽ં౟ ௏٘о ҾӘೞद׮ݶ?
 https://github.com/codestates/healthFriend-server