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

react router 정상경로 404 Not Found 에러 발생 해결
NavLink 로 사이트 이동이 정상적으로 되는데 직접 주소를 입력해 접속할 경우 또는 새로고침 할 때 404 에러가 나는 경우가 있다.이럴 때 는 webpack.config.js 파일에서 historyApiFallback 설정을 추가 하지 않았거나 true 값이 아닐
[React] Routing 안 될 때 (App.tsx 루트 문제)
지금까지는 하나의 페이지에서만 개발을 진행해왔는데, 라우팅을 한 번 해보기로 했습니다. react-router-dom의 문서를 읽고, 여러 블로그도 참고해서 + 들었던 강의를 참고해서 기본 라우팅 셋팅을 했습니다. 라우팅 코드를 다 작성했는데 라우팅이 안 됩니다.그런데
React Router는 Client-side renderer인가요?
React routeer, routing, rendering, client-side rendering, client-side routing

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

[오류]'"react-router-dom"' 모듈에 내보낸 멤버 'Switch'이(가) 없습니다.ts(2305)
업로드중..최근에 next.js로만 계속 만들어서 이러다간 정말 React 까먹겠다!! 해서 만들려는데 시작부터 난관이다 .. 항상 Switch를 사용했던 것 같은데 안된다 .. 알아봤더니 이번에도 버전문제다먼저 package.json을 확인했다.찾아보니 react-r

React-Router
React 프로젝트를 하면서 라우팅 처리를 위해 React-Router를 사용한 내용을 정리해봤다.먼저 라우팅(Routing)에 대해 알고가자면 라우팅(Routing)은 주소에 따라 다른 화면을 보여주는 과정, 즉 사용자가 요청한 URL에 맞는 페이지를 보여주는 것이라
react-router-dom이란
기록 스택 구독 및 조작경로 에 URL 일치경로 일치 에서 중첩된 UI 렌더링react-router-dom은 "클라이언트 측 라우팅"을 가능하게 합니다.https://reactrouter.com/en/main/start/concepts
[Challenge] useRouter hook 만들기(with. react-router)
window.location은 종종 사용했는데 .pathname은 뭘까? 이름만 봤을때는 현재의 라우팅 위치를 가져오는 것 같다.
React - react-router-dom v6
아래의 errorElement를 각 routing마다 지정해준다면 해당 페이지의 에러가 다른페이지에 영향을 주지 않는다.위의 파일을 작성 후 , index.tsx파일을 아래와 같이 변경한다.마지막으로 App.tsx를 수정한다.Next.js의 router.query.id

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