# BrowserRouter

9개의 포스트
post-thumbnail

사전 프로젝트(Dictionary) - 개념설명 및 소스코드

첫째, 프로젝트를 생성한다.yarn create react-app 프로젝트명둘째, 뷰를 만든다.styled-components를 사용하여 디자인한다.셋째, 라우팅을 한다.index.js에서 BrowserRouter로 감싸준다.넷째, 리덕스를 이용한다.redux폴더 >

2021년 9월 29일
·
0개의 댓글
post-thumbnail

React-Router(1): Link와 exact

리액트는 SPA(single page Application)방식으로써, 여러개의 페이지를 사용하며, 새로운 페이지를 로드하는 기존의 MPA방식과 달리, 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다.예를 들어 로그인과 회원가

2021년 9월 10일
·
0개의 댓글
post-thumbnail

[React] 라우터 이해하기(Route, Link, Switch)

라우터는 path 속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정할 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 전환하여 마치 모바일 앱처럼 이루어지게끔 해줍니다.URL과 UI를 동기화해주는 라우터이며, 웹 어플리케이션이

2021년 8월 13일
·
0개의 댓글
post-thumbnail

[React] You should not use <Route> outside a <Router>

BrowserRouter 😯

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[React Router] Server Rendering시 라우터 처리

참고 및 출처 \React Router Docs] Server Rendering - [바로가기

2021년 4월 26일
·
0개의 댓글

[TIL] react netlify 배포시 browserRouter 적용

public/\_redirects 이라는 파일을 만들고 내용을 아래와 같이 하면 된다.

2021년 4월 20일
·
0개의 댓글

[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" 라는 댓글이 있음

2021년 4월 20일
·
0개의 댓글
post-thumbnail

[React] 라우터 이해하기(Route, Link, Switch)

이번 글에는 리액트가 SPA 가능하게끔 해주는 매우 중요한 핵심기능!!바로 라우터 개념입니다.라우터는 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 넣을 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 싹 갈아 치워서 빠르게 페이지 전환이

2020년 11월 22일
·
0개의 댓글