☀️ 기상시간 - 7:40
🌕 마감시간 - 23:00
❌ 오전엔 자리잡고 앉는게 왜이렇게 안되는건지 모르겠네...ㅎ 어영부영하다가 시간 다 보내버림ㅎㅎ
📌 참고
https://medium.com/w-bs-log/history-push%EC%99%80-replace%EC%9D%98-%EC%B0%A8%EC%9D%B4-ed5f2f7db7dc
개인 포트폴리오 페이지에서 link를 button으로 교체하는 작업을 하던 중에,
Main 페이지에서는 push로 url을 밀어넣는게 가능했는데
중첩라우터에서 작업하려다보니 url을 추가하는게 아니라
/button
에서 /tooltip
으로 이동하는 것이라서 다른 방법이 필요했다.
그냥 뒤로가기로 움직이는 구조가 아니라서 이전 url을 대체하는게 필요했는데,,,
이것저것 찾아보던 와중, 다른 내용을 배우게 되었다(?)
push 와 replace의 차이점!
주요한 차이점은 history
가 쌓이는지의 유무였다.
PUSH
Link 대신에 button을 넣기 위해서 onClick
기능을 사용하게 되었고,
url을 넣기 위해서 history.push()
를 사용하게 되었다.
push를 사용하게 되면 history가 쌓이게 되면서
예) Home -> 1Page -> Login -> 1Page
이때, Login 페이지에서 로그인을 하게 되면
이렇게 페이지 이동 기록이 남게 되므로, 뒤로가기 버튼을 누르면
차례대로 돌아가게 된다.
REPLACE
push와 다르게 history가 쌓이지 않는다.
위와 같은 예를 들게 되면 로그인 페이지에서 로그인을 하게 될 경우
예) Home -> Login -> 1Page
앞의 1Page가 로그인 페이지로 대체되게 된다.