React

React Router(react-router-dom) 라이브러리 설치

mellomello.made 2022. 6. 4. 06:10

React Router(react-router-dom) 라이브러리 설치

 

 

 

1. 터미널을 열고 다음 명령어를 실행하여 simpleroute 디렉토리에 React 프로젝트를 생성한다.
실행 후 npm start를 통해 실행 결과가 잘 나오는지 확인한다.

 

npx create-react-app simpleroute
cd simpleroute
npm start

 

 

 

2. Create React App 프로젝트가 잘 생성되었다면 이제 VScode에서 React Router를 설치한다.
npm install react-router-dom@^6.3.0

 

라이브러리가 잘 설치되었다면, package.json 파일dependencies 항목react-router-dom 이라는 라이브러리등록된 것이 확인된다.

 

 

 

3. App.js 파일로 가서 최상단에 React Router 라이브러리가 제공하는 컴포넌트들을 사용하기 위한 세팅을 진행한다.

import React from 'react'
import { BrowserRouter, Routes, Route, Link } from "react-router-dom"; // 이 구문을 넣어주세요