inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

ReactQuery 환경세팅

리액트 query 질문

해결된 질문

1383

노강표

작성한 질문수 44

0

클라이언트에서 리액트 쿼리를 활용하여 graphql을 다루는 이유가 있으신가요? 리액트 쿼리를 활용하지않고 graphql를 다룰 수 있는지도 궁금합니다!

graphql react rest-api

답변 1

2

정재남

React-query는 graphql을 위한 도구는 아닙니다. 비슷하게 인기를 끌고 있는 swr도 마찬가지로, rest와 graphql 모두 적용 가능하며, 별도의 request를 처리하는 라이브러리와 결합하여 사용하는 개념입니다. 이번 강의에서 제가 graphql을 다루기 위해 사용한 라이브러리는 graphql-request 입니다.

사실 react-query 및 swr은 axios 또는 html의 fetch api와 결합하여 rest api 용으로도 쓸 수 있어요. 다만 제 강의에서는 "기존의 전통적(?)인 REST API 호출 방식"도 경험해보고, "새로 등장한 비동기데이터 동기화 방식"을 보다 극적으로 비교하고, 겸사겸사 graphql도 맛보자는 취지에서, grpahql에 대해서만 react-query를 적용한 것입니다. react-query 적용 자체는 rest냐 graphql이냐에 따라 큰 차이가 없기 때문에, 굳이 rest + react-query를 소개할 필요는 없다고 판단했습니다.

react-query를 사용하지 않고 grpahql을 다룰 수 있는 방법도 여러가지가 있는데, 가장 대표적으로 apollo-client가 있습니다. 이 녀석은 아예 graphql만을 위해 나온 통합 모듈입니다. 그런데 이런 녀석들(apollo, swr, react-query)은 그저 라이브러리일 뿐이고 핵심이라고 할 것은 아니니, 어떤것을 선택하든 무관하고, 저도 그런 맥락에서 소개드린 것일 뿐이니 너무 큰 의미를 두지 마시기 바랍니다.

질문있습니다 !

0

134

2

sass 오류

0

174

1

does not match

0

164

2

프로젝트 배포

0

299

1

코드 똑같이 쳤는데 scss 적용이 안돼요 ㅠㅠ

0

748

1

scss 스타일 적용

0

478

2

yarn run client시 에러는 안 나는데 호스트가 열리질 않습니다 ㅠㅠ

0

430

1

무한 스크롤 관련 질문 드립니다.

1

513

2

props 를 넘겨줄 때 함수를 그대로 넘겨줄 때와 화살표 함수로 감싸서 넘겨줄 때의 차이가 궁금합니다 :)

0

454

1

getInitialProps 과 getServerSideProps에 대해서 질문드립니다!

0

1144

1

node-sass를 했을 때 에러가 발생합니다.

0

377

1

[소스 다운로드 안됩니다]

0

323

1

rendered HTML error 관련

2

2187

2

닉네임 부분이 잘못되어 있는 것 같습니다.

0

448

2

Typescript 질문드려요!

0

331

1

error 관련하여

1

289

1

질문이 있습니다!.

0

278

1

질문이 있습니다!

0

486

1

수정된 내용까지 확인했는데 에러가 납니다 ㅠ

1

303

2

React Hydration Error 가 나는 이유가 무엇일까요 ?;;

0

631

1

useRef를 선호하시는 이유가 궁금합니다!

1

794

1

react-query 4.0.0 버전에선 에러가 납니다

0

668

1

gql 백틱 안에 색깔 입혀지는 확장프로그램이 어떤건지 알 수 있을까요?

2

685

1

typeScript에 대한 질문을 어디다가 올려야할지 몰라서 여기다가 남깁니다!

0

303

1