[JavaScript] JavaScript 현재 페이지 새로고침하는 방법 [5/11 study]

 

 

JavaScript 현재 페이지 새로고침하는 방법

 

 

 

 

 

❗️location 객체에서 제공하는 reload() 메서드를 사용하는 것입니다.

location은 전역 객체인 window의 프로퍼티이므로 아래 두 가지 방법으로 reload() 메서드를 호출할 수 있습니다.

location.reload();

window.location.reload();

 

매개변수 존재하지 않습니다.

반환 결과 존재하지 않습니다.

 

참고로 reload()대신 replace()를 사용하고 가로안에 위치를 지정해주면 해당위치로 이동한다.

 

 

 

🔥참고자료

https://developer.mozilla.org/ko/docs/Web/API/Location/reload

Location.reload() - Web API | MDN

 

 

 

🔥마무리

React 프로젝트 중 로고를 클릭 했을 때 해당 페이지가 새로고침이 되게 만들어야 했습니다. 제가 생각한 첫번째 방법은 "react-router-dom"라이브러리를 사용해서 링크 기능을 이용해 구현하려 하였습니다. 하지만 코드 양도 길어지기도 하지만 반응이 없었습니다.

두번째 생각한 방법또한 useNavigate 훅을 이용하였지만 결과는 같았습니다. 검색해보니 window.location.reload()를 알게 되었다!!!

오늘도 화이팅!!