라우팅: 사용자가 URL로 접근할 때 해당 조건에 맞는 서로 다른 컴포넌트를 보여주는 기능이다.
HashRouter
- 주소에서 # 이후의 값에 따라 페이지가 변화되는 방법이다.
- hash 값은 클라이언트 전용이며, 서버에게 넘겨지지 않는다.
- 결과적으로 서버로부터 새로운 페이지를 요청하지 않고 이동하는 것이 가능하다.
- UX가 매우 빠르고 부드럽다.
- SEO에 취약하다.
- 새로고침을 해도 index.html 파일만 항상 클라이언트에게 줄 수 있어 SPA를 보장할 수 있다.
모듈 번들러
- 자바스크립트의 파일 의존성을 해결하고, 하나의 자바스크립트 파일로 만든다.
- HPPT 요청의 수를 줄여 네트워크 성능을 개선한다.
- CRA는 내부적으로 Wevpack을 사용하여 만들어진 React Application Tool Chain이다.
? 모듈 번들러의 특징?
브라우저라우팅만 있어도 index.html만 줄 수 있도록 할 수 있다.
'Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트의 특성 (0) | 2024.07.01 |
---|---|
[Javascript] 객체 (0) | 2024.06.29 |
객체의 공통부분 제거하기 (0) | 2024.04.08 |
Javascript: 라이브러리, 프레임워크 (0) | 2024.03.14 |
Javascript: MPA, SPA (0) | 2024.03.13 |