HashRouter : 새로고침해도 서버 쪽에 요청이 가지 않는다. 해쉬 뒷부분은 브라우저만 아는 부분.. 서버는 # 뒷부분을 인식 못함. # 사용.
BrowserRouter : 새로고침하면 서버 쪽에 요청이 감. 즉, 서버가 돌아가지 않는 이상 새로고침하면 작동하지 않음. 즉 서버쪽 따로 세팅이 필요함. html history api 사용.
** 서버가 모르면 불이익 받는 것.. 검색엔진 SEO
*** 실무에서는 검색엔진이 중요하기 때문에 hashRouter를 잘 안쓴다. BrowserRouter를 사용해도 SEO를 위해 따로 세팅이 필요함.
-> 따로 세팅이 필요하기 때문에 SEO을 위해 NextJS를 사용하고 NextJS에서는 react-router-dom을 사용하지 않는다.
저도 조금 알아보니 브라우저에 직접입력하게되면 서버쪽에 요청하게 되는것인데 react router dom을 사용해서 우리가 라우팅하게 되는 링크들은 서버에서 이 링크를 모르기때문에 발생한다고 하네요.
Growing Developer!!