React Query란 서버 상태(server state)를 관리하는 라이브러리다. 서버 상태란 원격에 위치한 공간에 저장되며 앱이 소유하거나 제어하지 않는다 데이터를 가져오고 업데이트하기 위해선 비동기 API가 필요하다 다른 사람과 함께 사용하며, 내가 모르는 사이에 업데이트될 수 있다 앱에서 사용하는 데이터가 “유효 기간이 지난” 상태가 될 가능성을 가진다. 예를 들어 쇼핑몰의 상품 목록, 게시판의 댓글, 배달앱의 주문 진행 상황 등은 모두 위와 같은 특성을 가지고 있다. 그렇기에 다음과 같은 작업에 대한 필요가 생긴다. 캐싱 서버 데이터 중복 호출 제거 만료된 데이터를 백그라운드에서 제거하기 데이터가 언제 만료되는지 알고 있기 만료된 데이터는 가능한 빨리 업데이트하기 페이지네이션, 레이지 로딩 데이..

글쓴 개요 : 기존 react router dom을 설치 후 발생한 hook들의 오류로 인해 확인 결과, v6로 업그레이드 되면서 변경 된 부분들이 생겨 작성하게 되었습니다. 사용 가능 버전 : React >= 16.8 1. Switch -> Routes로 네이밍 변경 2. exact 옵션 삭제 3. component={} || render={()=>} -> element={} 형식으로 변경 4. path="/web/:id" -> path=":id"로 상대경로로 지정 5. useHistory -> useNavigate로 변경 // v5 import React from "react"; import { BrowserRouter, Route, Routes } from "react-router-dom"; imp..

배포 환경 linux(centos), apache 작업 환경 로컬(window) 1. Node 설치 아래 링크로 들어가서 윈도우용 Node.js를 설치해줍니다. nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. React 설치 리액트 프로젝트를 만들 수 있는 create-react-app 도구를 사용하기 위해 설치해줍니다. 이 도구에는 웹팩, 바벨 등이 있습니다. // react app을 생성할 수 있는 명령어 create-react-app을 설치한 후 $ npm install -g create-react-app // 원하는 이름의..