react-query에 대하여...

<회고록>

오늘은 react-query에 대해서 알아볼려고 한다. 정확히 말하자면 react-query가 무엇이고 왜 사용하는 지에 대해서 알아볼려고 한디.

 

1. react-query가 무엇인가?

: react-query는 서버용 상태관리 툴이다. 여기서 서버용 상태라는 것은 클라이언트가 주도권을 잡고 있는 상태가 아니라 제3자 즉 데이터베이스에 있는 상태를 의미한다. 

2. react-query를 왜 사용하는가?

: react-query를 왜 사용하는지를 알기 위해서는 먼저 서버용 상태를 왜 관리해야 하는지를 먼저 알아야 한다. 서버용 상태는 클라이언트가 주도권을 잡고 있지 않다. 이 말은 즉 데이터베이스 서버에 저장되고 있고 만약 이를 관리하지 않는다면 클라이언트가 가지고 있는 서버 사이트 상태와 데이터베이스에 있는 상태가 맞지 않는 경우가 발생한다. 위 경우를 통해서 사용자는 최신 데이터를 받지 못하고 이로 인해서 유저 의 만족도는 낮아질 수 밖에 없다. 이 점에서 react-query는 staletime , cachetime을 통해서 데이터를 최신화해서 가져올 수 있다. 만약 staletime이 지날 경우에 react-query는 위 상태가 최신상태가 아니라고 판단하고 다시 서버로 부터 데이터를 받아오게 된다. 이런식으로 react-query를 사용할 경우에는 데이터를 계속해서 업데이트 할 수 있다.