자바스크립트 관련
history.pushState()
SPA에서 history의 url를 변경하는 것처럼 해당 메서드를 사용하여 url를 변경할 수 있다.
window.history.pushState({}, '', `/read/${id}`);-
첫번째 매개변수:
해당 메서드 이용시 popstate 이벤트가 발생하는데, 이 때 이벤트 객체의 state 속성값으로 넘길 수 있다. -
두번째 매개변수:
대부분의 브라우저가 사용하지 않는다고 함. -
세번째 매개변수:
변경할 url를 지정해주면 된다.
location.pathname
location 객체의 pathname을 사용하여 '/' 문자 뒤 URL의 경로를 가져올 수 있다.
location.pathname.match(/\/(read)\/([0-9]+)$/)- $ 라인의 끝을 의미
- 앞의 표현식이 1회 이상 연속으로 반복되는 부분을 의미
- 괄호를 사용하여 특정 부분 그룹화
위의 정규표현식을 이용하여
/read/1
/read/2
/read/3513531
와 같은 url에서 끝에있는 연속된 숫자만을 추출할 수 있었다.
