문제점 2021.09.05 - [Web] - Vanilla javascript URL Router 만들기 (web components) 위에 포스트를 보면 다음과 같은 말을 했었습니다. url에 사용자가 직접 넣으면 오류가 날것이다. 해당 서비스 접근을 통해서 해당 url에 화면이 잘 나오는 것을 분명히 확인했는데 어떤 차이일까? 그것은 해당 url이 server에 request를 했느냐의 차이가 된다. 위에 언급했듯이 SPA는 기본적으로 여러개의 url page를 하나의 url로 call 하게 됩니다. 그러다 보니 request mapping을 browser url에 직접 넣게 되면 오류를 발생하게 됩니다. 그 이유는 해당 request를 받는 server쪽에서 url을 어떤 resource와 mapp..

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..