React -Router 사용에 관해서
401
작성한 질문수 3
안녕하세요 선생님!
netflix 강의 너무 잘들었습니다! 듣고나서 혼자 이것저것 만들어보는데 , react router 사용을 하다보니
1. index.js 에서 App 을 BrowserRouter로 래핑하는 방법
2. 특정 컴포넌트에서 BrowserRouter로 감싸서 따로 쓰는경우
가 있는 것 같더라고요.
두가지 차이점을 정확히 모르겠습니다. chat gpt는 개발자가 개발하는 과정에서 선택하는 부분이라고 되어 있는데, 그 선택하는 이유를 잘 모르겠습니다.
하지만 <App> 컴포넌트를 감싸지 않고 다른 컴포넌트에서 <BrowserRouter>를 사용하는 것은 특정 컴포넌트 또는 컴포넌트 그룹에 대한 라우팅을 독립적으로 구성하고 싶을 때 사용될 수 있습니다. 이렇게 하면 라우팅 로직이 특정 컴포넌트에 한정되며, 애플리케이션의 다른 부분과 격리될 수 있습니다. 예를 들어, <App> 컴포넌트의 하위 컴포넌트 중에서만 특정 라우팅이 필요한 경우 해당 컴포넌트 내에서 <BrowserRouter>를 사용하여 독립적인 라우팅을 구성할 수 있습니다.
이런식으로 대답이 오는데 이해가 잘 가질 않네요. 혹시 검색 키워드나, 참고할만한 글이 있을까 해서 글 남깁니다.
감사합니다~
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
React Router를 사용하는 방법에 대해 궁금하신 것 같아 답변 드리겠습니다.
index.js에서 App을 BrowserRouter로 래핑하는 방법
이 방법은 앱의 모든 컴포넌트에서 라우팅을 사용할 수 있게 해주는 방법입니다. App 컴포넌트를 BrowserRouter로 래핑해주면 해당 컴포넌트 하위의 모든 컴포넌트에서 라우팅이 가능합니다.특정 컴포넌트에서 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





