19. 리액트 라우터가 있는 SPA 다중 페이지 구축하기: 리액트 라우터 설치(feat. 유데미 React 완벽 가이드)

https://www.udemy.com/course/best-react/

【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript

이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다.

---

React Router 설치하기

터미널에서 아래의 코드를 입력하면 패키지가 설치가 된다.

@5는 5버전을 설치하는걸 뜻한다. ( 220614 기준 최신버전은 @6)

npm install react-router-dom@5

설치가 끝나고 pacage.json 을 확인해보자

"name": "react-complete-guide",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.6",
    "@testing-library/react": "^11.2.2",
    "@testing-library/user-event": "^12.5.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.3.3",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4"

react-router-dom 이설치된걸 확인할 수 있다.