[TIL] 231208_React: location.href와 location.replace의 차이는 ?

지코·2023년 12월 8일
0

Today I Learned

목록 보기
8/66

리액트 프로젝트에서 버튼을 눌렀을 때 사이트 내 다른 페이지로 넘어가는 데는두 가지 방법이 있다. → 단순히 링크를 연결하는 방법은 제외 !

location.href

  • location.href 는 함수가 아니라 객체의 속성 중 하나이며, 새로운 페이지로 이동시키기 때문에 뒤로 가기 버튼을 눌렀을 때 이전 페이지로 이동이 가능하다는 특징이 있다.
  • 따라서 일반적으로 페이지 이동이 필요할 때 사용 !

location.replace

  • location.replace메서드(함수)로 작동되며, 현재 페이지를 이동되는 새로운 페이지로 덮어 씌우기 때문에 뒤로 가기 버튼을 눌렀을 때 이전 페이지로 이동이 불가능하다는 특징이 있다..
  • 따라서 이전 페이지로의 접근이 필요 없는 경우, 보안 상 덮어 씌우기 위해 주로 사용한다 !

사용 예시는 카카오 로그인 구현 기록에서 만나요 ~~~🐥

→ 좀 더 구체적으로 살펴 본 후 보완하기 ⭐️

profile
꾸준하고 성실하게, FE 개발자 역량을 키워보자 !

0개의 댓글