하고 싶은게 많은 아이의 개발 성장 일지

React에서 라우터를 설정 할 때 기존에는 와 를 사용 했으나React Router v6.4부터 새로운 방식인 RouterProvider가 도입되어 기존 방식보다 더 선언적이고 깔끔한 코드 구조 유지에 좋아졌다. 그래서 나는 Router Provider를 프로젝트에 사용하여훨씬 더 깔끔하고 편리한 방식으로 코드를 작성하고자 하였다. ReactProvider?1. React Router v6.4+ 에서 도입된 새로운 라우팅 방식2. 기존 방식보다 더 선언적이고 깔끔한 코드 작성 가능3. 비동기 데이터를 사전 로드 가능4. createBrowserRouter()와 함께 사용1. BrowserRouter vs fRouterProvider 비교1) 기존 방식기존 React Router 는 안에 와 를 정의..

React 는 기본적으로 SPA (Single Page Application)로 하나의 HTML만 로드된 상태에서 페이지를 바꾸는 것 처럼 동작한다.그러나 브라우저의 주소(URL)에 따라 다른 화면을 보여주는 기능은 제공되지 않는다.  그렇기에 React Router를 통해 페이지 새로고침 없이 URL 변경 및 해당하는 컴포넌트를 렌더링하는 것이다. +)기본적으로 HTML의 태그를 사용하면 클릭할 때마다 페이지가 새로고침된다. → 대체해당 방식은 SSR(서버 사이드 렌더링)에서는 괜찮으나 React와 같은 CSR(클라이언트 사이드 렌더링)에서는 비효율적이다.React는 컴포넌트 기반 UI를 사용하기 때문에 전체 페이지를 로드하는 것이 아닌 필요한 부분만 변경하면 된다. React Router? 1. ..