# Apollo client

39개의 포스트
post-thumbnail

Redux 대신 Apollo?

그동안 react 프로젝트의 상태관리 라이브러리로는 주구장창 redux만 사용하다가, 생각보다 redux가 복잡한 과정으로 상태관리를 하고 있다는 것을 다른 라이브러리들과 비교하며 알게 되었다. 그래서 이번엔 사실 상태관리 라이브러리인줄도 몰랐던, apollo를

3일 전
·
0개의 댓글
post-thumbnail

코드캠프 FE 4일차 - TIL(Asnyc - Await,Apollo-Client/mutation)

📔 학습목표 동기와 비동기방식 >> Asnyc - Await vscode에서 데이터전송 >> Apollo-Client/mutation 동기와 비동기방식 동기 : 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신. 말 그대로 동시에 일어난

2022년 6월 14일
·
0개의 댓글
post-thumbnail

Fe.07 Day.04

그나마 5,6시간 정도의 숙면을 취하고 '공부하러 나간다' 보다는 '나가는 김에 공부좀 해야지' 라고 자기최면을 걸며 조금이라도 덜 피곤함을 느끼(려고 자기최면을 걸)며 4일차 시작 ^^......비동기 실행이란 서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신으로

2022년 5월 15일
·
0개의 댓글
post-thumbnail

Day 05) 1. 페이지를 이동하자 => Routing 2. 게시물을 가져오자 => Apollo-Client / Query 3. API 요청시 에러가 났어요 => try - catch

브라우저는 모두 다르지만 하나의 백앤드와 DB는 하나로 공유 하고 있다.등록해줘 요청$가 두개가 있는 이유 다른 API를 묶음 배송을 할 수 있기 때문에한 줄 씩 코드 실행뒤에 writer = state writer키와 value 가 같으면 생략가능 (shorthand

2022년 5월 13일
·
0개의 댓글
post-thumbnail

Day 04) 1. 동기와 비동기 방식 => Async-Await 2. VSCODE에서 데이터 전송해보자! => Apollo-Client / Mutation

비동기 실행: 서버 컴푸터의 작업이 끝날 때까지 기다리지 않는 통신으로 여러 가지 요청을 동시에 처리해 줄 때 사용합니다.동기 실행: 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신입니다.자바스크립트는 default로 동기적 방식입니다. ( 위에

2022년 5월 12일
·
0개의 댓글

2022-04-26_TIL

리액트 아폴로(React Apollo) 리덕스와 무엇이 다른가?!새로운 상태 관리 프레임워크로컬과 리모트 데이터 상태 관리를 동시에 Apollo Client

2022년 4월 26일
·
0개의 댓글
post-thumbnail

계속 헷갈려서 정리하는 시리즈 2탄] apollo-client로 graphql 쿼리 실행하는 방법

문자와 변수를 함께 쓸 수 있는 도구이다.${변수명}으로 string과 변수를 연산자로 더해주지 않아도 가독성 좋게 코드를 작성할 수 있다.

2022년 4월 5일
·
0개의 댓글
post-thumbnail

계속 헷갈려서 정리하는 시리즈 1탄] apollo-client로 graphql 뮤테이션 실행하는 방법

계속 헷갈려서 정리하는 시리즈 1탄] apollo-client로 graphql 뮤테이션 실행하는 방법! apollo-client가 설치되었는지 _app.js에 들어가서 확인한다.

2022년 4월 5일
·
0개의 댓글

☁️ BE TIL Day 13 0330

graphql, nest.js, DBeaver, docker-packaging

2022년 3월 31일
·
0개의 댓글
post-thumbnail

5) 오오..라우팅..조건부렌더링..graphql... 이게 되네 ... (Code Camp FE 6기)

페이지를 이동하자게시물을 가져오자위쪽이 셋팅부분 (playground)ㅇㅔ 있는 부분 실행부분은 data.fetBoard.writer라고 해서 불러올수있다 정적라우팅. 동적 자우팅 폴더에 \[]를 쳐주면 변수지정이 된다 동적라우팅 - 페이지 하나안에서 원하는 변수를 지

2022년 3월 18일
·
0개의 댓글

20220208_TIL

Stroage Apollo-Client에서 파일 업로드 1. Storage 전에는 서버에서 파일을 저장할 때 blob 등의 타입으로 데이터베이스에 직접 저장했었다. 요즘은 Amazon S3, Azure Storage, Google Cloud Storage 등 온라인 파일 스토리지가 보편화되면서 서버에는 스토리지에 접근 가능한 Url을 저장하고, 파일 자체...

2022년 2월 8일
·
0개의 댓글

20220208_TIL : 파일 업로드를 하려면...

오늘은 텍스트 데이터가 아닌 이미지 등의 파일을 올리기 위한 과정을 배웠다. 파일을 저장하는 과정에서 기존 DB에 데이터를 저장하는 방식과는 다르게,업로드 파일 저장 과정 브라우저를 통해 이미지를 올리고 저장을 요청하면 벡엔드에서 <span style="colo

2022년 2월 8일
·
0개의 댓글

Apollo Client 강점

참조: apollo client 공식 문서 (Why Apollo Client?)멤버 '철수'의 프로필 사진을 업데이트 했다면, 기존에 GetAllMembers의 캐시 데이터에 있는 '철수'의 프로필 사진도 업데이트 되어야 한다. Apollo Client는 GetAllM

2022년 2월 7일
·
0개의 댓글

2022-01-07_TIL

2\. Apollo Odyssey - Resolver

2022년 1월 7일
·
0개의 댓글

GraphQL 이란?

GraphQL은 SQL(Structed Query Language)와 마찬가지로 쿼리 언어입니다.SQL이 데이터베이스에서 저장된 데이터를 효율적으로 가져오는 것이 목적이라면 GraphQL은 클라이언트가 데이터를 서버로부터 효율적으로 가져오는 것이 목적입니다.Rest A

2022년 1월 5일
·
0개의 댓글

React Native 코드 분석

react native는 navigator를 이용해 화면 전환을 한다. navigator의 종류에는 stack, drawer, tab이 있다.프로젝트에는 크게 root, stack, drawer, tab 폴더로 나뉘어져 있다.최상단에 있는 navigator로 앱을 처음

2021년 10월 15일
·
0개의 댓글

Apollo Client hook's with TS (React)

apollo client에서 사용되는 리액트 훅들은 타입스크립트의 제네릭을 이용해서 타이핑(Typing)을 할 수 있다. hook을 사용할 때 필요한 매개변수 or hook의 결과 값의 타입을 지정할 수 있다.graphQL 서버에 있는 데이터를 받아올 때 사용하는 ho

2021년 10월 12일
·
0개의 댓글
post-thumbnail

[Android] Apollo-Client 파일 업로드하기

GraphQL 서버에 손쉽게 파일을 업로드해보자!

2021년 9월 27일
·
0개의 댓글