History API

• 코드를 보다가 history.replaceState()를 보았다.

  if (this.keyword) {
    history.replaceState(this.campList, no, `/edu/list/${this.keyword}#!${this.page}`);
  } else {
      history.replaceState(this.campList, no, `/edu/list#!${this.page}`);
  }

• historyAPI는 go(), back(), forward() 같이 뒤로가기 앞으로 가기 등의 함수가 있고,
• HTML5부터 사용자가 직접 엔트리를 바꿔주는 pushState와 replaceState 함수가 생겼다.
• 둘다 존재 유무와 상관없이 주소창에 주소를 바꿔주지만,
• pushState
• replaceState

• 이렇게 pushState는 이전 경로가 history에 남아 뒤로가기가 되는 한편, replaceState는 그렇지 않다.

• 제로초 - History API를 보면 SPA 트렌드와 함께 유용한 기술이라고 한다. 쓰게될 떄 한번 더 공부해봐야지..