apollo
-
[Vue] Vue Apollo fetch policyJavaScript/Vue 2021. 2. 6. 14:32
Data를 가져오는 주체와 cache에 저장 여부를 설정하는 옵션 chche-first fetch-policy 옵션의 default 기본적으로 cache data를 가져옴 cache data가 없을 경우에 network에서 데이터를 받아오고 cache에 저장 cache-and-network 기본적으로 cache data 가 있을경우 가져옴 그 후에 network로 부터 data를 받아오고 cache에 저장 cache-only cache data를 가져옴 cache data가 없을 경우에는 fail network-only nework에서 data를 가져옴 그후에 cache에 저장 no-cache nework에서 data를 가져옴 network 호출에 실패해도 cache에 저장하지 않음
-
Apollo란?WEB 2020. 12. 5. 15:54
Apollo란? GraphQL의 클라이언트 라이브러리 중 하나로 상태 관리 플랫폼 Vue, Angular, React를 모두 지원함 특징 Query와 Mutation을 직접 전송 API를 호출하기 위해 HTTP 요청을 신경 쓸 필요 없음(Fetch, Axios 필요 없음) 전송받은 데이터 캐싱 Query를 통해 전송받은 데이터를 자동으로 캐싱해 서버의 부하를 줄일 수 있음 크롬 브라우저 Apollo Client Develop Tools 익스텐션을 설치하면 캐시 상태와 정보를 확인 가능 Local State 관리 클라이언트의 Local State를 만들어 Query, Mutation, Resolver 사용 가능 GraphQL 서버에 지정되어 있는 type 중에서 필드를 생성해야함 클라이언트에서 생성한 Lo..