리액트 쿼리를 들어보셨나요 ??
저희 허니어리 서비스에서도 api 서버로 부터 데이터를 받아올때 해당 라이브러리를 사용했는데요,
react-query 는 서버(api)에서 가져온 데이터를 웹 브라우저 앱에서 사용하기 쉽게 도와주는 기술입니다.
서버는 클라이언트에게 데이터베이스에 있는 정보를 전달해주는 역할을 하는데요, 여기서 서버는 api 서버, 클라이언트는 웹 브라우저에서 실행되는 우리가 작성한 리엑트 앱을 의미합니다.
react-query에 앞서서 비동기에 관해서 약간 설명을 드리고 싶은데요. 일단 좋은 참고 자료부터 밑 토글에 넣어두겠습니다.
동기와 비동기의 차이점에 대해서 알고 계시나요 ??
동기는 ⇒ 현재 실행 중인 테스크가 종료될 때까지 다음에 실행될 테스크가 대기하는 방식을 동기! 처리 방식이라고 해요. (synchronous)
비동기는 ⇒ 현재 실행 중인 테스크가 종료되지 않은 상태라 해도 다음 테스크를 곧바로 실행하는 방식을 비동기! 라고 하구요. (asynchronous)
그래서 비동기의 대표적인 사례들이 바로
가 있어요 !