
[React] 리액트 : 페이지 라우팅(라우트)에 대한 정리 및 라우팅 설정 방법
FrontEnd/React
2024. 4. 22. 12:06
Vue프로젝트 할 때, 쓰기만 했지 정리를 안해서.. 이번에 리액트 공부하는김에 라우트 정리를 좀 하려고 한다.. 페이지 라우팅이란? 리액트 라우터 설치 1. 리액트 라우터 설치 react-router-dom 설치 명령어npm i react-router-dom 그냥 npm으로 설치하면 되니 어렵게 생각안해도 된다.. 위와 같이 package.json의dependencies객체에 react-router-dom이 추가 되었다면 됬다.. 리액트 라우터 설정 방법 라우터를 사용할 때, 작성은 크게 다음과 같은 순서로 작성하면 된다. 1. 로 라우터를 적용할 상위컴포넌트를 감싼다.2. 로 들을 감싼다.3. 에 URL경로와 해당 URL경로..