window 객체 내에 location을 사용하다보면 페이지를 이동할 때, 2가지 방식이 많이 이용되는 것 같다.
정리할 필요가 있어보여 작성해본다.
| location.href | location.replace | |
|---|---|---|
| 기능 | 새로운 페이지로 이동 | 기존 페이지를 새로운 페이지로 변경 |
| 형태 | 속성 | 메서드 |
| 주소 히스토리 | 기록 됨 | 기록되지 않음 |
| 사용 예시 | location.href = 'index.html' | location.replace('index.html') |
href와 replace의 차이점은 사용방식이 다르다는 점이다.
replace를 이용하면 히스토리에 남지 않아 replace 하기 전 페이지에서 paramater를 통해 전달한 key,value가 존재한다면 누락될 가능성도 있다.
replace를 이용할 시, 이 페이지가 더이상 유저가 돌아갈 필요가 없는 페이지인지 확인하는 작업이 필요하다.
ex) 로그인 페이지, 결제 시 등
https://djunnni.tistory.com/ 로 이전합니다.