Frontend/React
2022. 9. 30.
[React] Server State&Client State,React-Query
프로젝트를 진행하면서 비동기로 처리되는 Server State와 Client State의 차이를 체감하고 React-Query를 공부한 기록을 남기려고 한다. Server State, Client State 배경 내가 Server State와 Client State의 차이를 체감한 것은 좋아요 기능을 구현했을 때이다. 그 이유는 이 간단한 기능을 구현하는데 서버와 클라이언트의 입장을 모두 고려해야 하기 때문이다. 서버 좋아요 개수 증가 요청을 받는다. DB에 좋아요 개수를 증가시키고, 응답을 보낸다. 클라이언트 하트 이모티콘을 누른다. 바로 증가된 개수를 확인한다. 여기서 좋아요 개수는 Server State로 비동기 요청이 이루어지는 데이터다. 때문에 요청이 이루어지면 기존의 값은 더이상 유효하지 않으..
![[React] Server State&Client State,React-Query](http://i1.daumcdn.net/thumb/C230x230/?fname=https://blog.kakaocdn.net/dn/buk4TF/btrSLI0hzGn/CdchW7OB6bQM24IDYRkG10/tfile.svg)