inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

React -Router 사용에 관해서

401

팡tae

작성한 질문수 3

0

안녕하세요 선생님!
netflix 강의 너무 잘들었습니다! 듣고나서 혼자 이것저것 만들어보는데 , react router 사용을 하다보니

1. index.js 에서 App 을 BrowserRouter로 래핑하는 방법

2. 특정 컴포넌트에서 BrowserRouter로 감싸서 따로 쓰는경우

가 있는 것 같더라고요.

 

두가지 차이점을 정확히 모르겠습니다. chat gpt는 개발자가 개발하는 과정에서 선택하는 부분이라고 되어 있는데, 그 선택하는 이유를 잘 모르겠습니다.

 

하지만 <App> 컴포넌트를 감싸지 않고 다른 컴포넌트에서 <BrowserRouter>를 사용하는 것은 특정 컴포넌트 또는 컴포넌트 그룹에 대한 라우팅을 독립적으로 구성하고 싶을 때 사용될 수 있습니다. 이렇게 하면 라우팅 로직이 특정 컴포넌트에 한정되며, 애플리케이션의 다른 부분과 격리될 수 있습니다. 예를 들어, <App> 컴포넌트의 하위 컴포넌트 중에서만 특정 라우팅이 필요한 경우 해당 컴포넌트 내에서 <BrowserRouter>를 사용하여 독립적인 라우팅을 구성할 수 있습니다.

이런식으로 대답이 오는데 이해가 잘 가질 않네요. 혹시 검색 키워드나, 참고할만한 글이 있을까 해서 글 남깁니다.
감사합니다~

react react-router

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

React Router를 사용하는 방법에 대해 궁금하신 것 같아 답변 드리겠습니다.

  1. index.js에서 App을 BrowserRouter로 래핑하는 방법
    이 방법은 앱의 모든 컴포넌트에서 라우팅을 사용할 수 있게 해주는 방법입니다. App 컴포넌트를 BrowserRouter로 래핑해주면 해당 컴포넌트 하위의 모든 컴포넌트에서 라우팅이 가능합니다.

  2. 특정 컴포넌트에서 BrowserRouter로 감싸서 따로 쓰는 경우
    이 방법은 특정 컴포넌트나 그룹에서 독립적인 라우팅을 구성하고 싶을 때 사용됩니다. 예를 들어, App 컴포넌트의 하위 컴포넌트 중에서만 특정 라우팅이 필요하거나, 다른 부분과 격리된 라우팅이 필요한 경우 등에 사용할 수 있습니다.

이렇게 사용하는 이유는, 라우팅 로직이 특정 컴포넌트에 한정되며, 애플리케이션의 다른 부분과 격리될 수 있기 때문입니다.

참고할만한 사이트로는 React Router 공식 문서(https://reactrouter.com/)를 추천합니다.

이해에 도움이 되었길 바랍니다. 감사합니다.

강의 소스 코드 압축 풀기 오류

0

70

1

런타임 에러 ㅠㅠ

0

84

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

100

1

안녕하세요 개발과 상관없는 질문입니다만

0

111

1

리액트 라우터 관련

0

101

1

react-beatiful-dnd에서 문제가 발생합니다.

0

103

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

807

1

useEffect로 사용을 해도 되나요?

0

198

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

195

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

279

2

리액트 dockderfile 작성 시 COPY 질문

0

145

1

next.js에서부터는 react query 필요없는지

0

320

1

기능

0

194

1

오류가 안보여요

0

193

1

CSS

0

217

1

local storage

0

208

1

list컴포넌트 생성하기

0

223

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

331

1

Banner.css에 대해서

0

445

1

플러그인이 추천을 안해줍니다

0

321

1

마이너스버튼 테스트

0

279

2

리액트 서버 실행 오류

0

1156

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

298

1

creactStore질문이요

1

284

2