GraphQL - GraphQL Client ์‹œ์ž‘ํ•˜๊ธฐ
ยท
๐Ÿงฌ GraphQL
โœ… GraphQL Client๋ฅผ ์ƒ์„ฑํ•ด GraphQL Server์™€ ์—ฐ๊ฒฐํ•˜๊ธฐ์ผ๋‹จ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋‘” GraphQL Server๋ฅผ ์‹คํ–‰์‹œํ‚จ๋‹ค. Apollo Client์™€ GraphQL ์„ค์น˜(์„œ๋ฒ„ ๋งŒ๋“ค ๋•Œ๋Š” apollo-server๋ฅผ ์„ค์น˜ํ–ˆ์—ˆ์Œ)npm i apollo/client graphql ๋ฐ‘ ์ฝ”๋“œ๋Š” client๊ฐ€ ์ž˜ ๋™์ž‘ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ํ…Œ์ŠคํŠธ ์šฉ๋„import { HttpLink } from "@apollo/client";import { ApolloClient, gql, InMemoryCache } from "@apollo/client";const cache = new InMemoryCache();const client = new ApolloClient({ link: new HttpLink({ u..
GraphQL - GraphQL Server ์‹œ์ž‘ํ•˜๊ธฐ
ยท
๐Ÿงฌ GraphQL
โœ… GraphQL?GraphQLAPI๋ฅผ ์œ„ํ•œ ์ฟผ๋ฆฌ ์–ธ์–ดGraphQL์€ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•„์š”ํ•œ ๊ฒƒ์„ ์ •ํ™•ํ•˜๊ฒŒ ์š”์ฒญํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, ์‹œ๊ฐ„์ด ์ง€๋‚จ์— ๋”ฐ๋ผ API๋ฅผ ๋” ์‰ฝ๊ฒŒ ๋ฐœ์ „์‹œํ‚ค๊ณ  ๊ฐ•๋ ฅํ•œ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.https://graphql.org/GraphilePostgreSQL๋ฅผ ์œ„ํ•œ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๊ณ ์„ฑ๋Šฅ ์ž๋™ GraphQL APIhttps://www.graphile.org/Hasura๋ชจ๋“  ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ์ฆ‰๊ฐ์ ์ธ GraphQLHasura๋Š” ์‹ ๊ทœ ๋ฐ ๊ธฐ์กด ๋ฐ์ดํ„ฐ ์†Œ์Šค์— ๋Œ€ํ•œ ์ฆ‰๊ฐ์ ์ธ GraphQL ๋ฐ REST API๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Hasura๋ฅผ ๋ฐ์ดํ„ฐ์— ์—ฐ๊ฒฐํ•˜๊ณ  1๋ถ„ ์ด๋‚ด์— API๋ฅผ ๋ฐ›์œผ์„ธ์š”.https://hasura.io/ โœ… API๋ž€?API (Application Programming Int..