잠깐 순수한 자바스크립트에서 UI 프레임워크에서 사용하는 라우터를 어떻게 사용할것인지에 대하여 제대로 고민해본적이 없었는데 이제서야 리서치 해본다.

single-spa

https://single-spa.js.org

순수한 라우터 라이브러리 같다.
바닐라 자바스크립트 이용 가능하고 UI 프레임워크(react,vue,anguar)들을 같이 사용하는것도 가능한거 같다.
아직 사용해보거나 테스트를 해보지 않아서 확신이 들지 않지만 문서 대략적으로 확인해보니 원하는 모습이 구현되어 있어보인다.

직접 라우터 만들기

https://fe-developers.kakaoent.com/2022/221124-router-without-library/

라이브러리를 사용하면 원하는 형태로 만들 수 없기 때문에 직접 만드는것을 소개하는듯하다.
바닐라로 구성하게 된다면 표현하는 목적 스펙트럼이 너무 넓어지기 때문에 명확하게 이렇게 사용해야한다고 정답지를 제시하기 힘들기 때문에 이렇게 직접 구성하고 원하는 형태대로 고쳐 쓰는것이 일반적일 것이다.

언젠가는 이런 기술들을 쓸거같은데 이렇게 알아두는것도 좋다!