history.push vs window.location.href
공통점
- 다른 페이지로 이동
차이점
| history.push | window.location.href | |
|---|---|---|
| HTTP 요청 | X | O |
| 새로고침 | X | O |
| Application 상태 유지 | O | X |
push와 replace의 차이점
Home > Item > Login > Item 순으로 페이지를 이동했을 때 Login 페이지에서 history.push / history.replace 사용시 차이점
1. history.push
Home > Item > Login > Item순으로 history에 쌓여서 마지막 페이지에서 뒤로가기 버튼을 누르면 Login 페이지로 되돌아간다.
2. history.replace
Home > Item > Item순으로 history에 쌓여서 마지막 페이지에서 뒤로가기 버튼을 누르면 Item 페이지로 되돌아간다.
history를 스택이라고 가정한다면 push는 history 최상단에 쌓는 것, replace는 history 제일 위에 있는 원소를 지금 넣을 원소로 바꾸는 것(대체하는 것)이다.
