exact 리액트-페이지 나누기(라우팅) 여러 페이지를 만들고 싶다면 라우터 를 이용한다. 공식 라이브러리인 react-router-dom 을 사용한다. 설치법 터미널에 npm install react-router-dom@5 혹은 yarn add react-router-dom@5 설치하기 index.js 파일에 가서 기존 코드들 사이에 입력해준다. <BrowserRouter> 말고 <HashRouter> 태그도 이용할 수 있다. B... exact라이브러리라우팅BrowserRouterHashRouter리액트BrowserRouter [React] React Router 사용하기 react-router-dom에서 Router(BrowserRouter), Switch, Route, Link 등의 기능을 제공해줍니다. Router 사용 Router 태그로 return 하는 전체 태그를 감싸줍니다. Link 사용 Link to 속성 뒤에 원하는 경로를 문자열로 해서 연결시켜줍니다. Route 사용 Route 태그 하나당 한 개의 페이지를 보여줍니다. path를 사용해 Li... linkswitchRouteBrowserRouterexactBrowserRouter
리액트-페이지 나누기(라우팅) 여러 페이지를 만들고 싶다면 라우터 를 이용한다. 공식 라이브러리인 react-router-dom 을 사용한다. 설치법 터미널에 npm install react-router-dom@5 혹은 yarn add react-router-dom@5 설치하기 index.js 파일에 가서 기존 코드들 사이에 입력해준다. <BrowserRouter> 말고 <HashRouter> 태그도 이용할 수 있다. B... exact라이브러리라우팅BrowserRouterHashRouter리액트BrowserRouter [React] React Router 사용하기 react-router-dom에서 Router(BrowserRouter), Switch, Route, Link 등의 기능을 제공해줍니다. Router 사용 Router 태그로 return 하는 전체 태그를 감싸줍니다. Link 사용 Link to 속성 뒤에 원하는 경로를 문자열로 해서 연결시켜줍니다. Route 사용 Route 태그 하나당 한 개의 페이지를 보여줍니다. path를 사용해 Li... linkswitchRouteBrowserRouterexactBrowserRouter