[JS] pushState로 인한 URL 변경 이벤트 감지하기
SPA를 JavaScript로 구현하는 프로젝트를 진행하면서 url 변경 이벤트를 감지해야 하는 경우가 발생했다. 일반적으로는 pushState로 URL 변경 이후, router path에 해당하는 컴포넌트를 render 해준다. 아래와 같다. const navigate = path => { window.history.pushState({}, null, path); render(element, routes[path]); }; const render = (elem, Component) => { elem.innerHTML = Component; } 그런데 SPA를 구현하면서 우리는 URL 변경에 초점을 두고 개발을 진행하게 됐다. 즉, URL 변경이 일어나면 URL을 파싱 해 router에 해당하는 path..
TIL(Today I Learn)
2022. 4. 14. 03:18
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- vscode
- JS
- 42서울 라피신
- 프로그래머스 코테
- vscode commit vi
- 프로그래머스 카카오
- C언어문제
- 백준
- React
- html
- css
- 프로그래머스 코딩테스트
- Git
- flexbox
- windows 10 ubuntu
- git vi
- 마크다운 이미지 업로드
- c언어알고리즘
- 알고리즘
- 42서울 합격
- HEXO
- c언어 함수
- C언어 문제
- 프로그래머스 자바
- 자바스크립트
- C언어
- 42seoul
- 42서울
- 42서울 합격 후기
- JavaScript
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함