[TIL] javascript 새로고침

Intro

자바스크립트를 사용해 페이지를 새로 고침 하는 방법에 대해 알아보도록 하자. 화면 개발을 하다 보면 페이지 전체를 다시 불러와야 하거나 특정 영역을 갱신해야 하는 경우가 발생하는데 이런 경우 일반적으로는 location을 사용한다.

Location

// Post 데이터를 포함해 페이지를 새로 고침한다. 
location.reload(); 
// Post 데이터는 포함하지 않으며 페이지를 새로 고침한다. 
// 이 때 현재 이력을 수정하여 페이지를 불러오기때문에 history에 새로은 이력은 추가되지 않는다. 
location.replace(location.href); 
// 페이지를 이동합니다. 이동 할 페이지를 현재 페이지로 지정함으로써 새로 고침처럼 화면이 호출된다. 
// 페이지를 이동하기 때문에 history에 이력이 추가되며 엄밀히 말하면 페이지 새로고침은 아니다. 
location.href = location.href;

https://developer.mozilla.org/ko/docs/Web/API/Location/reload
https://7942yongdae.tistory.com/53