# BrowserRouter
[React] React Router 사용하기
react-router-dom에서 Router(BrowserRouter), Switch, Route, Link 등의 기능을 제공해줍니다. Router 사용Router 태그로 return 하는 전체 태그를 감싸줍니다.Link 사용Link to 속성 뒤에 원하는 경로를 문
HashRouter vs BrowserRouter
A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.HTML5 history API를 사용하여 UI(화면
.png)
사전 프로젝트(Dictionary) - 개념설명 및 소스코드
첫째, 프로젝트를 생성한다.yarn create react-app 프로젝트명둘째, 뷰를 만든다.styled-components를 사용하여 디자인한다.셋째, 라우팅을 한다.index.js에서 BrowserRouter로 감싸준다.넷째, 리덕스를 이용한다.redux폴더 >
React-Router(1): Link와 exact
리액트는 SPA(single page Application)방식으로써, 여러개의 페이지를 사용하며, 새로운 페이지를 로드하는 기존의 MPA방식과 달리, 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다.예를 들어 로그인과 회원가
[React] 라우터 이해하기(Route, Link, Switch)
라우터는 path 속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정할 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 전환하여 마치 모바일 앱처럼 이루어지게끔 해줍니다.URL과 UI를 동기화해주는 라우터이며, 웹 어플리케이션이
[React Router] Server Rendering시 라우터 처리
참고 및 출처 \React Router Docs] Server Rendering - [바로가기
[TIL] react netlify 배포시 browserRouter 적용
public/\_redirects 이라는 파일을 만들고 내용을 아래와 같이 하면 된다.
[TIL] github pages subdirectory 로 배포할 때 react browserRouter 적용
package.json Router 이렇게 두 가지만 하면 됨. 참고: https://medium.com/@svinkle/how-to-deploy-a-react-app-to-a-subdirectory-f694d46427c1 > "step 3 and step 4 not needed" 라는 댓글이 있음
[React] 라우터 이해하기(Route, Link, Switch)
이번 글에는 리액트가 SPA 가능하게끔 해주는 매우 중요한 핵심기능!!바로 라우터 개념입니다.라우터는 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 넣을 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 싹 갈아 치워서 빠르게 페이지 전환이