인프런 커뮤니티 질문&답변

팡tae님의 프로필 이미지
팡tae

작성한 질문수

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

React -Router 사용에 관해서

작성

·

340

·

수정됨

0

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

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

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

가 있는 것 같더라고요.

 

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

 

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

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

답변 1

0

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

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

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

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

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

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

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

팡tae님의 프로필 이미지
팡tae

작성한 질문수

질문하기