✍ 공부/React

🔧[ React Query ] 리엑트 쿼리 사용법

react query란? Fetch, cache and update data in your React and React Native applications all without touching any "global state". => react나 react native에서 전역상태를 건드리지 않고 데이터를 fetch, cache, update할 수 있게 하는 상태 관리 도구. 서버 상태를 관리하는 라이브러리이다. '서버와 클라이언트 사이 비동기 로직을 쉽게 다루게 해주는 도구.' 성능 복잡한 코드를 몇 줄의 코드로 교체할 수 있다. 새로운 데이터 소스를 연결하는 것이 편리해진다. 복잡하고 계속되는 데이터 소스의 re-road를 막을 수 있다. 메모리 성능을 높일 수 있다 설치 npm i react-que..

🔧[ React-router-dom ] react-router-dom v6 달라진 점

react 강의를 들으면서 react-router-dom의 버전이 맞지 않아 고생을 꽤 했다. 만약 엘리 드림코딩 [ 리액트 개념 정리 + 유튜브 클론 코딩 외 실전 프로젝트 완성 ] 이나 노마드 코더 [트위터 클론코딩] 을 들으면서 버전에 어려움을 겪는다면.. 댓글로 물어봐주시면 한번 들어본 초보자로서 제가 아는 정보 내에서 최대한 알려드릴게요👼🤍 react 버전차이를 설명해주는 좋은 글이 많았지만 어쨌든 나도 써보려고 한다 설치 npm $ npm install react-router-dom@6 Yarn $ yarn add react-router-dom@6 pnpm $ pnpm add react-router-dom@6 사용 방법 router을 만들고 싶은 곳에 import { BrowserRouter ..