Per ardua ad astra.

defer() (React Router)들어가며리액트 라우터(React Router)에서 제공하는 @defer()@에 대해 정리해본다. defer()개념리액트 라우터(React Router)에서 제공하는 기능데이터를 모두 불러오기 전에 페이지 일부를 먼저 렌더링하고, 데이터가 도착하면 나머지 부분을 렌더링할 수 있도록 해준다.페이지 로딩 속도를 향상시키고, 사용자 경험(UX)을 개선하는 데 도움을 준다. 주요 특징비동기 데이터 로딩@defer@는 비동기 데이터 로딩을 처리하는 데 사용된다.데이터를 가져오는 동안 일부 페이지 콘텐츠를 먼저 렌더링하고, 데이터가 도착하면 나머지 콘텐츠를 렌더링한다.빠른 페이지 렌더링모든 데이터를 기다리지 않고도 페이지 일부를 즉시 렌더링할 수 있어 페이지 로딩 시간을 단축한..

useFetcher 훅 (React Router)들어가묘리액트 라우터(React Router)에서 제공하는 @useFetcher()@ 훅에 대해 정리해본다. useFetcher개념리액트 라우터(React Router)에서 페이지 전환 없이 데이터 로딩이나 액션을 처리할 수 있게 도와주는 훅(Hook)주로 폼 제출이나 데이터 페칭을 백그라운드에서 처리하고, 사용자에게 시각적 전환 없이 결과를 보여줘야 하는 경우에 사용하면 유용하다. 주요 기능데이터 로딩 및 액션 트리거로딩 상태를 관리하고, 데이터를 비동기적으로 가져오거나 서버에 데이터를 제출할 수 있다.페이지 전환 없음.페이지 전환 없이 데이터를 가져오거나 제출할 수 있으므로, 사용자 경험이 보다 매끄럽다.상태 관리현재 로딩 상태와 로딩 완료 후 데이터를..