프레임워크&라이브러리/React-Query2 [리팩토링] 내 정보 조회 : useEffect => useQuery 참고문헌 : - https://stackoverflow.com/questions/74095164/switching-out-useeffect-for-tanstack-react-query - https://gyyeom.tistory.com/125 - https://kyounghwan01.github.io/blog/React/react-query/basic/ - https://tanstack.com/query/v3/docs/react/guides/queries - 그 외 등등.. 이 짧은 수정을 위해, 정말 많은 문서와 github를 뒤졌다.. 2가지 핵심요점 1. React-query가 리턴하는 객체 2. Query Key는 뭘까? React-query가 리턴하는 객체 React-query의 useQuery.. 2023. 7. 13. React-Query 입문 [필요성, query, mutation] 공식문서 : https://tanstack.com/query/latest/docs/react/quick-start 참고자료 : https://tech.kakaopay.com/post/react-query-1/ 필요성 프로젝트를 진행하면서 apis 폴더에 모든 서버 통신 함수들을 관리하다보니, 같은 동작임에도 불필요하게 반복되는 부분이 많았다. axios는 서버 통신을 할 때, fetch에 비해 json.stringfy()와 같은 필수적이지만 중복되는 동작들을 처리해주고 error, data, loading에 따른 동작을 비동기적으로 처리해주는 강력한 도구이다. 그러나 캐싱과 같은 서버 상태를 다루려면 종전의 fetch와 마찬가지로 필수적이지만 중복되는 코드들이 많아진다. 이 문제는 사실 redux와 같은.. 2023. 7. 8. 이전 1 다음
