SPA에서의 페이지를 새로 불러온다는 개념은 존재하지 않는다. 리액트에서 쓰이는 모든 페이지는 최상단 루트 페이지인 index.html
의 <div>
태그 안에 있기 때문이다. 일반적인 <a>
태그 이동의 경우 필요한 페이지를 새롭게 불러와야 하지만, CSR
의 경우 모든 페이지를 다시 불러오게 된다.
이러한 문제를 해결하기 위해 사용되는 것이, react-router
페이지를 새로 불러오는 게 아닌, 선택에 의해, 해당 데이터를 렌더링해주는 라이브러리이다.
react-router
를 통한 미팅페이지 진입 시 openvidu connection
이 되지 않았다. 의문이 드는 점은, 새로고침을 해주어야만 정상적으로 연결이 이루어진다는 것!, 여러 시도를 했음에도 Navigate()
를 이용한 페이지 이동 시 소켓 이벤트는 발현되지 않았다. 아직 우리 서버의 openvidu 작업이 끝나지 않은 점을 고려해서, 백앤드에서 해당 업무 단계에 이르렀을 때 함께 에러를 찾아보기로 했다. 그 전까지는 window.location
이벤트를 통해 이동하는 방법으로 해당 문제를 보류했다.
window.location은 우리가 흔히 쓰는 포워드 혹으 리다이렉트 방식의 페이지 이동을 가능하게 하는 함수를 사용하게 해준다