# react router dom

212개의 포스트
post-thumbnail

[React] Link / NavLink

react-router-dom에서 Link와 NavLink

2023년 5월 24일
·
0개의 댓글
·
post-thumbnail

(React) 쿼리 스트링을 이용한 필터링 기능 구현

쿼리 스트링을 이용하여 새로고침해도 유지되는 필터링 기능 구현하기.

2023년 5월 22일
·
0개의 댓글
·

React Router-v6

🌈노마더 코더 리액트라우터 v6를 수강하고 작성한 게시물입니다.모든 React Router 웹 프로젝트에 권장되는 라우터입니다.Router를 array형식으로 입력가능사용법Router.jsxRoot.jsxOutlet 컴포넌트를 만들어 주어야 createBrowserR

2023년 5월 14일
·
0개의 댓글
·
post-thumbnail

react router 정상경로 404 Not Found 에러 발생 해결

NavLink 로 사이트 이동이 정상적으로 되는데 직접 주소를 입력해 접속할 경우 또는 새로고침 할 때 404 에러가 나는 경우가 있다.이럴 때 는 webpack.config.js 파일에서 historyApiFallback 설정을 추가 하지 않았거나 true 값이 아닐

2023년 5월 9일
·
0개의 댓글
·
post-thumbnail

React-Router-Dom 개념잡기

React-Router-Dom 개념잡기

2023년 5월 8일
·
0개의 댓글
·

[React] Routing 안 될 때 (App.tsx 루트 문제)

지금까지는 하나의 페이지에서만 개발을 진행해왔는데, 라우팅을 한 번 해보기로 했습니다. react-router-dom의 문서를 읽고, 여러 블로그도 참고해서 + 들었던 강의를 참고해서 기본 라우팅 셋팅을 했습니다. 라우팅 코드를 다 작성했는데 라우팅이 안 됩니다.그런데

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

React Router는 Client-side renderer인가요?

React routeer, routing, rendering, client-side rendering, client-side routing

2023년 5월 1일
·
0개의 댓글
·

<Outlet>은 어떤식으로 렌더링 되나요?

react-router-dom, outlet

2023년 5월 1일
·
0개의 댓글
·
post-thumbnail

react-router-dom의 errorElement로 에러 핸들링하기

react-router-dom은 신이에요

2023년 4월 26일
·
0개의 댓글
·
post-thumbnail

뒤로 가기 방지

보안이나 데이터의 무결성을 위해서 뒤로가기를 막고 싶었다. 개인적으론 다음과 같은 방법이 있을 거라 생각한다. 구현 난이도가 지나치게 높거나 현실성이 없을 수도 있다고 생각하지만 혹시 지나가시다 눈에 띄신다면 조언 부탁드립니다. prop을 쥐어줘서 정상적인 루트로의

2023년 4월 23일
·
1개의 댓글
·
post-thumbnail

Route 사용해서 페이지 이동하기

react-router-dom 사용

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

[오류]'"react-router-dom"' 모듈에 내보낸 멤버 'Switch'이(가) 없습니다.ts(2305)

업로드중..최근에 next.js로만 계속 만들어서 이러다간 정말 React 까먹겠다!! 해서 만들려는데 시작부터 난관이다 .. 항상 Switch를 사용했던 것 같은데 안된다 .. 알아봤더니 이번에도 버전문제다먼저 package.json을 확인했다.찾아보니 react-r

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

React-Router

React 프로젝트를 하면서 라우팅 처리를 위해 React-Router를 사용한 내용을 정리해봤다.먼저 라우팅(Routing)에 대해 알고가자면 라우팅(Routing)은 주소에 따라 다른 화면을 보여주는 과정, 즉 사용자가 요청한 URL에 맞는 페이지를 보여주는 것이라

2023년 3월 28일
·
0개의 댓글
·

react-router-dom이란

기록 스택 구독 및 조작경로 에 URL 일치경로 일치 에서 중첩된 UI 렌더링react-router-dom은 "클라이언트 측 라우팅"을 가능하게 합니다.https&#x3A;//reactrouter.com/en/main/start/concepts

2023년 3월 26일
·
0개의 댓글
·
post-thumbnail

[ React.09.Router - react-router-dom ]

react-router-dom을 적용해보자

2023년 3월 23일
·
0개의 댓글
·

[Challenge] useRouter hook 만들기(with. react-router)

window.location은 종종 사용했는데 .pathname은 뭘까? 이름만 봤을때는 현재의 라우팅 위치를 가져오는 것 같다.

2023년 3월 19일
·
0개의 댓글
·

React - react-router-dom v6

아래의 errorElement를 각 routing마다 지정해준다면 해당 페이지의 에러가 다른페이지에 영향을 주지 않는다.위의 파일을 작성 후 , index.tsx파일을 아래와 같이 변경한다.마지막으로 App.tsx를 수정한다.Next.js의 router.query.id

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[개인 프로젝트] CardLog 제작기(3) - 싱글톤 패턴 응용 Routes 모듈화 처리

이전 작업에서 디자인까지 마무리를 지었다.지금은 프론트 부분의 전반적인 초기 세팅을 전부 해주고 있는데 이번 프로젝트에서는 전체적으로 재사용성이 높은 코드들로 제작을 해보려고 한다.처음에는 많은 부분을 생각하고 코드를 짜고 모듈화가 잘 되었다고 생각했는데, 결국 예상치

2023년 3월 13일
·
0개의 댓글
·