250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- The above error occurred in the
- 리액트
- 오블완
- 훈련소
- 리액트 라이프사이클
- useRouter
- styled-component
- next.js toast
- react life sycle
- 오라클클라우드
- NextJS
- useformstatus
- 비동기 병렬처리
- sessionStorage
- react toast
- localStorage
- angular
- 훈련소 후기
- 사회복무요원 훈련소
- resolved to branch.
- 자바스크립트
- 공익 훈련소
- svgr
- 산업기능요원 훈련소
- react
- server action
- 리액트 알림
- no-use-before-define
- turbo repo
- 자바스크립트 순수함수
Archives
목록중첩라우팅 (1)
아 그거 뭐였지

Q. localhost:3000/auth/login 해당 url처럼 auth뒤에 login으로 가게 해주세요. Angular에서는 중첩라우팅을하고싶으면 RouterModule.forRoot에 걸린 컴포넌트에서 RouterModule.forChild를 하면 중첩 라우팅이 가능한데 리액트에서는 어떻게 하는지 궁금해서 찾아보았다. 리액트는 최상단 파일에서 BrowserRouter로 컴포넌트들을 감싸고 중첩라우팅을 할 주소 뒤에 *를 붙여서 해당 주소로 시작하면 무조건적으로 원하는 컴포넌트로 접속이 될수있도록 라우팅을 시켜버리는것같다. 여기서 주의할점은 BrowserRouter는 최상단 파일에서 한번만 사용하고 자식 파일들은 Routes만 사용해야한다는점이다. 바로 코드로 확인해보자. 먼저 최상단 파일에서 라우..
Front-End
2022. 6. 26. 00:00