인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

Sohyeon님의 프로필 이미지

작성한 질문수

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

강의 소스 코드

리액트 라우터 관련

작성

·

36

·

수정됨

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요, 리액트 학습 중에 궁금한 게 있어서 질문드려요.

 

기본 path 가 아닌 라우트로 바로 접속을 할때, html을 받으면 라우팅이 이뤄지구 useeffect로 api 요청이 가면서 페이지 렌더링이 이뤄지는건가요?

답변 1

0

인프런 AI 인턴님의 프로필 이미지

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

리액트 라우터를 사용할 때 문제가 발생하는 상황을 잘 설명해 주셨습니다. 이 문제는 종종 서버 및 클라이언트 사이의 라우팅 설정에서 발생할 수 있습니다. 클라이언트 측에서 리액트 라우터를 사용하여 페이지를 전환할 때는 문제가 없지만, 주소창에 직접 URL을 입력하여 접근하면 해당 URL에 대한 서버 측 처리가 필요합니다.

서버에서도 지정된 모든 경로를 index.html(또는 React 앱의 진입점)로 리다이렉팅하도록 설정해야 합니다. 서버가 라우팅을 이해하지 못하고, 요청을 적절하게 처리할 수 없는 경우 백엔드에서 API 데이터가 화면에 표시될 수 있습니다.

관련하여 유사한 문제를 겪고 해결책을 공유했던 게시물이 있습니다. 넷플릭스 강의를 다듣고 궁금한점이있어 질문드립니다! 이 게시물에서는 React Router의 사용 중에 발생할 수 있는 일반적인 오류와 그 해결 방법에 대해 다루고 있습니다. 특히 서버 측에서의 라우팅 문제가 발생할 수 있음을 주의하라는 조언이 있습니다.

이와 같은 문제는 서버 구성을 잘 조정하여 해결할 수 있으니, 백엔드 라우팅 설정을 다시 확인해 보시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Sohyeon님의 프로필 이미지
Sohyeon
질문자

서버쪽에서 어떤식으로 응답을 주는걸까요?

Sohyeon님의 프로필 이미지

작성한 질문수

질문하기