location.href / location.replace()

항목	location.href	location.replace()
타입	속성	method(함수)
웹브라우저 히스토리	저장됨	저장안됨
브라우저 뒤로가기	"location.href" 를 호출한 페이지로 이동	웹브라우저 히스토리에 있는 가장 최근 이전 페이지로 이동. 뒤로가기로 "location.replace()" 를 호출한 페이지로 갈 수 없음.
사용방법	location.href = 'page.html';	location.href ('page.html');
용도	새로운 페이지로 이동 URL을 이동하는 대부분의 경우에 사용	기존페이지를 새로운 페이지로 변경 뒤로가기 이전 페이지로 가는 것을 차단 하거나 방문 히스토리를 남기지 않는 경우에 사용

사용자 클릭 등의 사용자 반응에 의해 URL을 이동하는 경우 location.href 를 사용하는 것이 원칙이다

웹 브라우저에 히스토리가 남기 때문에 사용자 선택에 의해 이전 방문 URL로 이동하거나 뒤로 가기를 할 수 있기 때문에

=>일반적인 URL 이동에 location.replace() 를 사용하면 사용자가 이전 URL 이동을 원할 경우 사용❌

 

쇼핑몰 결제 프로세스나, 중요 정보를 변경 후 다른 URL로 이동하게 되는 경우, 뒤로가기로 해당 URL로 다시 접근하게 되는
것 을 막아야 한다 이때는 location.replace()를 사용해 정보나 값을 변경하는 페이지를 뒤로가기로 접근할 수 없도록 막는다

 =>사용자가 뒤로가기를 눌러 이전 URL로 이동하면서 값이 재적용되거나 누적되는 문제가 생길 가능성이 높아진다