๐ง GraphQL ๊ธฐ๋ณธ ๊ฐ๋
๊ณผ ํ์ฉ
1. ๐งฉ Apollo Client ๊ฐ์
- ๊ฐ์ฅ ๋๋ฆฌ ์ฌ์ฉ๋๋ React์ฉ GraphQL ํด๋ผ์ด์ธํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ๋จ์ํ ํต์ ๊ธฐ๋ฅ์ ๋์ด์ ๋ค์์ ์๋ ์ฒ๋ฆฌ:
- ๋ฐ์ดํฐ ์บ์ฑ
- ๋ก์ปฌ ์ํ ๊ด๋ฆฌ
- UI ์๋ ์
๋ฐ์ดํธ
๐ ์ค์ ๋ฐฉ๋ฒ
ApolloProvider๋ก ์ฑ ์ต์๋จ ๊ฐ์ธ๊ธฐ
- Apollo Client ์ธ์คํด์ค ์์ฑ (์๋ฒ ์ฃผ์ ๋ฐ ์บ์ ์ค์ )
- ๋งค์ฐ ๊ฐ๋จํ ์ด๊ธฐ ์ธํ
๐ ์ฃผ์ ํ
useQuery: ๋ฐ์ดํฐ ์กฐํ
useMutation: ๋ฐ์ดํฐ ๋ณ๊ฒฝ
- ๋ก๋ฉ, ์๋ฌ, ๋ฐ์ดํฐ ์ํ ์๋ ๊ด๋ฆฌ
2. ๐๏ธ GraphQL Federation (์ฐํฉ ์คํค๋ง)
- ์ฌ๋ฌ ๊ฐ์ ์๋ธ ๊ทธ๋ํ๋ฅผ ํ๋์ API์ฒ๋ผ ํตํฉ
- ๋ง์ดํฌ๋ก์๋น์ค ์ํคํ
์ฒ์ ์ ํฉ
๐ก ์๋ ๋ฐฉ์
- ๊ฐ ํ์ ์์ ๋ง์ GraphQL ์๋น์ค ๊ด๋ฆฌ (์: ์ํ, ์ฌ์ฉ์ ๋ฑ)
- Federation Gateway๊ฐ ๋ชจ๋ ์คํค๋ง๋ฅผ ์์งํด Supergraph ์์ฑ
- ํด๋ผ์ด์ธํธ๋ Gateway ํ๋๋ง ๋ฐ๋ผ๋ณด๋ฉด ๋จ