쭈링이.log 쭈링이.log

Routes Routes 란 여러개의 route를 담는 태그이다. function App() { let [shoes] = useState(data); return ( // return 속에 Routes태그 를 선언한다. // 선언된 Routes태그 속에 Route태그를 선언하여 페이지를 나눈다. ... Route Route란 React router에 가장 중요한 부분으로 URL 세그먼트를 구성 요소, 데이터 로드 및 데이터 변형에 연결한다. Route는 Router 생성 기능에 전달되는 객체이다. Route들은 집합들로 인해 복잡한 애플리케이션 레이아웃과 데이터 종속성이 단순해지고 선언적이 된다. // path는 URL경로를 나타낸다. // element는 경로의 내용들을 나타낸다. Route 속성중 p..

React router React router 란 사용자가 입력한 주소(URL)에 따라 컴포넌트를 생성해서 보여주는 것이다. React 는 SPA(Single Page Application)방식을 적용해서 사용자가 입력한 주소가 변경되더라도 새로운 html 의 페이지를 보여주는것이 아니고 기존 html에서 컴포넌트를 보여주는 방식이다. React에서 router를 사용하기위해선 react-router-dom 라이브러리를 설치해야한다. npm install react-router-dom@6 터미널에서 프로젝트 디렉토리에 위와같은 명령어 npm install react-router-dom@6 를 입력하면 router 라이브러리가 설치된다. @6은 버전을 나타낸다. 이러한 문구가 나타나면 설치가 완료된것이다...