[React] Router 사용하기 (페이지 이동)
리액트에서 페이지를 이동하기 위해 Router를 사용한다. 리액트는 SPA(단일 페이지)이기 때문에 라우팅 라이브러리를 사용하게 되면 라우터를 통해 화면에 보이는 컴포넌트들을 변경해준다. 결론적으로 컴포넌트만 변경해주는 것이며 사용자가 보기에는 페이지가 이동된것처럼 보인다. [ 설치 ] - npm npm install react-router-dom - yarn yarn add react-router-dom [ 사용예시 ] App.js 파일에 Header, Contents, Board, Footer 컴포넌트가 있다고 가정하며, content.js에서 이미지 클릭 시, Contents 컴포넌트에서 Board 컴포넌트로 변경되는 과정이다. : 해당 태그로 컴포넌트를 감싼다. : 컴포넌트를 여러 Route로 감..
Development/React
2023. 7. 8. 19:50
링크
최근에 올라온 글
- Total
- Today
- Yesterday