# v6

11개의 포스트

react-router-dom v6 Link state 전달

Dashboard List에서 Dashboard title을 클릭하면 dashbaord ID를 가지고 Dashboard Detail 페이지로 넘어가게 된다.기존에는 Link에서 경로에 /:dashboardId 형태로 전달했는데, 어느 순간 갑자기 경로를 인식하지 못해서

2022년 6월 15일
·
0개의 댓글

[React+Typescript] Layout Component(with. react-router-dom v6)

자세한 설명보다는 구현 방법의 주심을 두었습니다. 이번 포스트는 Layout Component입니다. 이번 Layout Component 또한 지난 번 Private Route와 거의 같은 원리로 작동한다고 생각이 되며, Router를 사용하는 방법의 응용?! 이라고

2022년 5월 7일
·
0개의 댓글

[React+Typescript] 권한 체크 Route(react-router-dom v6)

이번 포스트는 저번 Private Router에 이어 비슷한 원리로 작동하는 권한을 체크해주는 Router에 대해서 포스팅할 계획입니다.내게 해당 Router가 필요 했던 이유Login한 사용자의 권한에 따라 접근 가능 여부를 체크하기 위해서앞서 말한것과 같이 Priv

2022년 5월 5일
·
2개의 댓글

[React+Typescript] Private Router(react-router-dom v6)

내게 Private Router가 필요했던 이유반드시 인증(로그인)을 해야만 접근 가능한 페이지(마이 페이지 등)반드시 인증(로그인)을 하지 않아야만 접근 가능한 페이지(로그인, 회원가입 페이지 등)위와 같이 페이지의 구분이 생겨 인증(로그인) 여부에 대해 체크를 해주

2022년 4월 30일
·
0개의 댓글

React router dom v6 hoc 적용

https://velog.io/@nemo/router-error-v6-hoc

2022년 4월 11일
·
0개의 댓글

[리액트] react-router-dom v6 redux에서 navigate('/')하며 데이터 넘기기

react-router-dom v6에서는 useHistory();를 이용하여 다른 라우터에 접근하는것이 아닌, useNavigate()를 이용한다.문제는 redux middleware에서 페이지 넘기기를 시도하려고 할때 useCreateBrowserHistory를 co

2022년 3월 18일
·
1개의 댓글
post-thumbnail

TIL 48 | React Router v6

이전에 개인적으로 했던 프로젝트를 보다가 react-roter가 v5로 되어 있어서 v6로 고치는 작업을 하였다.추가적으로 오랜만에 포스팅도 할겸, V5에서 V6로 어떤 부분이 어떻게 바뀌었는지 살펴보도록 하자.V5 에서 Switch 용도 Switch - Route로

2022년 3월 8일
·
0개의 댓글

[React-Router v6] Nested Routes

React-Router v6에서 nested routes를 구현하는 방법엔 두 가지가 있다.첫 번째는 부모 route의 path 마지막에 /\*를 적어 명시적으로 이 route의 내부에서 nested route가 render 될 수 있음을 표시하고 자식 route를 부

2022년 1월 25일
·
0개의 댓글
post-thumbnail

React Router v6 튜토리얼

리액트 라우터 v6를 새로 접하시는 분들을 위한 튜토리얼을 작성했습니다. 리액트 라우터 v6 의 기본적인 사용법, 그리고 이 라이브러리에서 제공하는 다양한 유용한 기능들에 대해서 알아봅시다.

2021년 12월 27일
·
6개의 댓글
post-thumbnail

React Error : react-dom v6 를 v5로 버전 낮추기

최신버전 V6 로 설치된 파일로 진행하다보니 구문오류는 기본이고 DOM에 기본적으로 체크되지 않아졌고결국 다운그레이드 하기로 마음먹었다.npm i react-router-dom@5.2.0v5 로 다운시키니 잘만 작동된다.2021 업그레이드 사항이 많으니 일단은 v5부터

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

react-router-dom switch error

틀린점이 있다면 댓글로 알려주세요!최신버전 react-router-dom에서Attempted import error: 'Switch' is not exported from 'react-router-dom'.이라는 에러가 발생했다.최신버전인 V6에선 아래와 같이 Swit

2021년 11월 9일
·
0개의 댓글