BrowserRouter vs HashRouter

react router에서는 browserRouter, hashRouter를 제공하고 있습니다.

📚 BrowserRouter

www.domain.com/path

위와 같이 url에 접속하면 www.domain.com/path에 대한 요청을 서버가 받아들이게 됩니다. (location.pathname에 대응)
브라우저가 제공하는 HTML5의 history API도 활용할 수 도있으며 동적인 페이지에 주로 사용됩니다. (request-response 의 관계)

📚 HashRouter

www.domain.com/#/path

위와 같이 url에 접속을 하면 #이전의 www.domain.com에 대한 요청만 서버가 받아들이게 됩니다. (location.hash에 대응)
그러므로 백엔드가 필요하지 않는 상황 즉 정적인 페이지에서 주로 사용됩니다.

🤔 document.referrer

document.reffer는 링크를 통해 이동했을 때 어떤 페이지의 링크를 통해 왔는지 레퍼러가 기록되는 공간입니다.
검색창에 직접 들어갈 경우 reffer가 존재하지 않게 됩니다.
주로 뒤로가기시에 더이상 이동할 페이지가 없는 경우에 아래와 같이 체크하여 사용합니다.

document.referrer ? history.back():location.href="http://m.naver.com";

해시값의 변화는 reffer를 통해서 확인할 수 없습니다.