# Apollo client

42개의 포스트
post-thumbnail

[React] 전역 상태 관리

React project를 하다보면 상당히 많이 듣는 용어로, "상태 관리"라는 말을 많이 들어봤다.

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

Next.js 에서 Apollo Client로 GraphQL 사용해보기

문제는 이렇게 시작됐다나는 이제까지 restAPI밖에 사용해보지 않은 귀여운 주니어 개발자🐣인데 이번에 해보려는 미니 프로젝트가 GraphQL을 사용한다지 뭔가...!!!!!!!!근데 어쩌겠음 해봐야지뭐일단 시키는대로 해봤다.graphql : facebook에서 정의

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

[TIL] 22.11.03 - 동기/비동기, Async-Await, Apollo-Client로 gql mutation, URI/URN/URL

오늘 배운 것 동기 / 비동기 1) 비동기 실행 서버 컴퓨터의 작업이 끝날 때까지 기다리지 않는 통신으로 서버에 요청(등록, 수정, 삭제 등)이 저장될 때까지 기다리지 않고 다른 작업을 진행한다. 요청들이 서로 기다릴 필요 없을때, 여러가지 요청을 동시에 처

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

apollo-client 로 graphql 쿼리 실행

💡 템플릿 리터럴(Template Literal) 템플릿 리터럴이란 문자와 변수를 함께 쓸 수 있는 도구입니다. `${변수명}`으로 string과 변수를 연산자로 더해주지 않아도 가독성 좋게 코드를 작성할 수 있습니다.

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

Redux 대신 Apollo Client?

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

2022년 6월 22일
·
4개의 댓글
·
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 : 파일 업로드를 하려면...

오늘은 텍스트 데이터가 아닌 이미지 등의 파일을 올리기 위한 과정을 배웠다. 파일을 저장하는 과정에서 기존 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개의 댓글
·