React Router

1.Routing에 대해 알아보자

post-thumbnail

HTML DOM APILocationpathnameReact에서 라우팅 처리에 대해 배워보자.Routing에 대해 알아보자.라우팅은 주소에 따라서 보여지는 컴포넌트를 다르게 하는 것이다.인스타그램을 예로 들어보자. 하나의 웹 페이지는 하나의 컴포넌트를 가지고 있다. 하

2023년 8월 9일

2.React Router에 대해 알아보자

post-thumbnail

키워드 라우터란? React Router Browser Router Route Memory Router 최종 목표 React에서 라우팅 처리에 대해 배워보자. 현재 목표 React Router에 대해 알아보자. React Router란? 리액트에서 주소에 따른 컴포

2023년 8월 9일

3.React Router 버전 6.4부터 지원하는, 라우터 객체를 만들어서 쓰는 방법에 대해 알아보자

post-thumbnail

키워드 ReactRouter - RouterProvider 최종 목표 React에서 라우팅 처리에 대해 배워보자. 현재 목표 React Router 버전 6.4부터 지원하는, 라우터 객체를 만들어서 쓰는 방법에 대해 알아보자. APP 컴포넌트의 2가지 역할 현재 A

2023년 8월 9일

4.페이지 이동을 할 때, 새로 로딩을 하지 않고 이동해보자

post-thumbnail

키워드 Web APIs - History React Router - NavLink, Link, Navigate, useNavigate 최종 목표 React에서 라우팅 처리에 대해 배워보자. 현재 목표 페이지 이동을 할 때, 새로 로딩을 하지 않고 이동해보자. 현재

2023년 8월 11일