우리가 사용하는 REACT Router는 역시 Vanilla JS로 만들어 졌다. 나만의 Vanilla JS Router를 만든다는 것은 풀스택 개발자의 근본 다지는 것이다.

Making Your Own Vanilla JS Router

참고하자

1. 'popstate' event

Listening for “popstate” event for responding to .pathname changes. This happens whenever a new URL is typed into browser’s address bar but we don’t want to refresh the page simply refresh the view by loading new content.

2. history, history.pushState (History API)

History API

History API

1. history.back() history**.**go(1)
2. history.forward()
3. go() is similar to .back() and forward() methods except you can specify how many steps back or forward you want to go within browser history stack.
4. pushState() will push new state to history API.
5. .length property is the number of elements in the session history.
6. .state property is used to look up state without listening to “popstate” event.