Javascript: HashRouter, Module bundler

 

라우팅: 사용자가 URL로 접근할 때 해당 조건에 맞는 서로 다른 컴포넌트를 보여주는 기능이다.

 

HashRouter

- 주소에서 # 이후의 값에 따라 페이지가 변화되는 방법이다.

- hash 값은 클라이언트 전용이며, 서버에게 넘겨지지 않는다.

- 결과적으로 서버로부터 새로운 페이지를 요청하지 않고 이동하는 것이 가능하다.

- UX가 매우 빠르고 부드럽다.

- SEO에 취약하다.

- 새로고침을 해도 index.html 파일만 항상 클라이언트에게 줄 수 있어 SPA를 보장할 수 있다.

 

모듈 번들러

- 자바스크립트의 파일 의존성을 해결하고, 하나의 자바스크립트 파일로 만든다.

- HPPT 요청의 수를 줄여 네트워크 성능을 개선한다.

- CRA는 내부적으로 Wevpack을 사용하여 만들어진 React Application Tool Chain이다.

 

? 모듈 번들러의 특징?

브라우저라우팅만 있어도 index.html만 줄 수 있도록 할 수 있다.