๐ WIL/๐ Gql
Apollo Client - Fetching
โ๏ธ Apollo Client GraphQL๋ก ๋ก์ปฌ ๋ฐ์ดํฐ์ ์๊ฒฉ ๋ฐ์ดํฐ๋ฅผ ๋ชจ๋ ๊ด๋ฆฌํ ์ ์๋ JavaScript์ฉ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ โ๏ธ Fetching 1. useQuery ์๋ฒ์์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ฌ ๋ ์ฌ์ฉํ๋ค. (๋ณ๊ฒฝ X) ์๋ฒ์์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ฌ ๋ ์๋์ผ๋ก ์บ์ํจ. โ๏ธ Updating cached query results 1. Polling : ์ง์ ํ ์๊ฐ์ผ๋ก ์ฃผ๊ธฐ์ ์ผ๋ก ์ฟผ๋ฆฌ๋ฅผ ๋ค์ ์คํํด์, ์๋ฒ ๋ฐ์ดํฐ๋ฅผ ๋ค์ ๊ฐ์ ธ์ด. 2. Refetching : user action์ ํตํด์ ๋ค์ ๊ฐ์ ธ์ค๋ ๋ฐฉ๋ฒ. (ex. button) polling, refetching ์ ํ ๋๋ ๋ฐ์ดํฐ๋ฅผ fetching ํ๊ณ ์๋ค๋ ๊ฒ์ ์ ์ ์๋๋ฐ, notifyOnNetworkStatusChange : tru..
GraphQL
1. GraphQL ์ด๋? API ๋ฅผ ์ํด ๋ง๋ ์ฟผ๋ฆฌ ์ธ์ด Rest API ๋ ๊ฐ๊ฐ ๋ฆฌ์์ค์ ํด๋นํ๋ ์๋ํฌ์ธํธ๋ฅผ ์ด์ฉํด์ ๊ฐ์ ธ์จ๋ค๋ฉด, GraphQL ์ ์๋ํฌ์ธํธ๊ฐ ํ๊ฐ๋ค! ํ๋์ ์๋ํฌ์ธํธ๋ฅผ ์ด์ฉํด์ ์ฟผ๋ฆฌ๋ฅผ ํตํด์ ๋ฐ์ดํฐ๋ฅผ ์๋ฒ์ ์์ฒญํ๊ฒ ๋๋ค! const GET_DATA = gql` query getData(dataId: ID!) { data(id: $dataId) { id title author { id name photo } } } `; 2. ์์ 1. ํด๋ผ์ด์ธํธ์์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๊ธฐ ์ํด GraphQl ์๋ฒ์ ์ฟผ๋ฆฌ๋ฅผ ์ ์กํ๋ค. (POST or GET) 2. ์๋ฒ์์ ํด๋ผ์ด์ธํธ๋ก๋ถํฐ ์์ฒญ์ ๋ฐ์ผ๋ฉด GraphQL ์ฟผ๋ฆฌ๋ก ๋ฌธ์์ด์ ์ถ์ถํ๋ค. => ๋ง์ฝ ์์ฒญํ๋ ๋ฐ์ดํฐ๊ฐ ์คํค๋ง์ ์ ์๋์ด ์์ง ์๊ฑฐ๋..