19주차 위클리 페이퍼

React Query가 만들어진 이유와 React Query를 사용할 때 얻게 되는 이점에 대해 설명해 주세요.
서버 상태와 클라이언트 상태의 차이에 대해 설명해 주세요.

React Query는 서버 상태 데이터 관리를 단순화하는 데 탁월한 React 라이브러리입니다. 이 도구는 원격 데이터의 가져오기, 동기화, 업데이트, 캐싱을 단순화하면서, MobX 및 Redux와 같은 다른 상태 관리 라이브러리와 명확하게 구분됩니다.

React Query의 기본 개념은 다음과 같습니다:

1. 서버 상태 (Server State):

   • 서버 상태는 웹 애플리케이션의 백엔드에 저장되어 있는 데이터를 나타냅니다.
   • 주로 사용자 정보, 게시물, 상품 정보 등과 같은 영속적인 데이터를 저장합니다.
   • 다중 사용자 환경에서 공유되며, 모든 클라이언트에게 동일한 데이터를 제공합니다.
   • 보안과 데이터 무결성을 유지하는 중앙 집중식 데이터 소스로 사용됩니다.

2. 클라이언트 상태 (Client State):

   • 클라이언트 상태는 웹 애플리케이션의 프론트엔드에서 관리되는 데이터를 의미합니다.
   • 주로 UI 상태, 사용자 입력, 임시 데이터 등을 저장합니다.
   • 단일 사용자 환경에서만 유효하며, 클라이언트 간에 데이터 공유가 이루어지지 않습니다.
   • 사용자 경험 개선을 위해 빠른 응답성과 미리 가져온 데이터를 제공합니다.

React Query는 이러한 서버 상태와 클라이언트 상태의 차이를 고려하여 데이터를 효율적으로 가져오고, 캐싱하여 애플리케이션의 성능을 최적화합니다. 또한 API 오류를 쉽게 처리하고, 비동기 상태를 통해 데이터를 가져옵니다. 이를 통해 복잡한 상태 관리 로직을 줄이고, 개발자가 데이터를 효율적으로 관리할 수 있도록 도와줍니다.