[리액트] React Router Dom 사용법
2024. 4. 17. 16:50
몰아 넣기
react-router-dom이란? 페이지를 구현할 수 있게 해주는 패키지이다. 패키지 설치 yarn add react-router-dom 구조 및 사용법 1. src 폴더에 pages 라는 폴더를 만들고 그 안 가상의 여러 페이지 생성 2. src/shared/Router.js 생성 import React from "react"; // 1. react-router-dom을 사용하기 위해서 아래 API들을 import 합니다. import { BrowserRouter, Route, Routes } from "react-router-dom"; import Home from "../pages/Home"; import About from "../pages/About"; import Contact from "...
[리액트] 앱생성 및 리액트 자주쓰는 패키지 정리.ver1
2024. 3. 11. 21:22
몰아 넣기
리액트 앱 생성 yarn create react-app [폴더명] 패키지 react-router-dom yarn add react-router-dom 리덕스, 리덕스툴킷 yarn add redux react-redux @reduxjs/toolkit Axios 설치 yarn add axios