우사미 코딩

1. react-router-dom 설치 npm install react-router-dom 2. Router를 사용하는 모든 페이지는 Router태그로 감싸고 Routes 설정하기 path에는 경로를 넣고, 이 경로에 해당하는 페이지를 렌더링 하려면 element로 그 페이지를 설정해줘야함 나는 HeaderPage에서 그 링크를 제공하고 있어서 HeaderPage도 Router안에 넣었음 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import { HeaderPage } from "./page/HeaderPage"; import { MainPage } from "./page/MainPage"; import { Si..

우선 쓰앵님의 최애 다이아그램을 먼저 보겠습니당 이것이 무엇이냐 App.js는 Route라는 컴포넌트를 여러개 갖고 Route 컴포넌트는 속성으로 path, children을 가지고 있다 그럼 이전에 만들었던 NavigationContext에서 currentPath를 불러와서 Route컴포넌트의 path와 일치하면 children(SignupPage.js등의 페이지 컴포넌트)를 보여주면 되겠습니다 src/component/Route.js를 생성했고 내용은 다음과 같습니다 import { useContext } from "react"; import NavigationContext from "../context/navigation"; function Route({path, children}){ const {..