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"; // 이 구문을 넣어주세요