컴포넌트 합성

ApolloSetting 분리 실습

현재 app.tsx에 모두 모여서 화면이 만들어지는걸 배웟음

보면 ApolloClient 설정을 통해 클라이언트를 만들고
Provider에 넘겨줘서
쿼리, 뮤테이션 등의 기능을 쓸 수 있음.

그래서 <ApolloProvider client={client} >가 빠져있으면 해당 기능들을 사용할 수 없음.

그런데 앞으로 모든 Provider들을 이곳에서 작성하면 코드가 복잡해짐

그래서 각각의 컴포넌트끼리 설정과 넣어주는 코드를 묶어서 따로 분리해보자.

지금까지 배운대로 props.children을 사용하면 된다