Vanilla javascript URL Router 만들기 (web components)
Web 2021. 9. 5. 22:27

Web Component를 주로 이용하게 되는 이유는 Single Page Application을 만들기 위한 용도이다. 사용자는 Page가 변경한다고 생각하지만 Page는 변경되고 있지 않다. 그러다 보니 사용자들에게 익숙한 Browser Navigation Button을 활용하기 어렵다. 이 부분을 해결하기 위해서 windows.history 객체를 통해서 browser url search bar에 url router를 만들어 보고자 한다. 우리가 만들어볼 페이지는 아래와 같다. 최초 접근시에는 root path를 기본으로 하고 각 box를 클릭하면, /page/ 디렉토리 밑에 각 box별 numbering 0에서 부터 3번까지 page를 통해서 page 전환 효과를 나타낼 예정이다. 그리고 back..