새로고침 메서드 location.reload()

<Dropdown.Item
                      onClick={() => {
                        removeCookies("member_id");
                        removeCookies("accessToken");
                        removeCookies("refreshToken");
                        removeCookies("name");
                        removeCookies("age");
                        removeCookies("gender");
                        setRefreshToken(getCookie("refreshToken"));
                        alert("로그아웃 하였습니다.");
                        location.reload();
                      }}
                    >
                      로그아웃
                    </Dropdown.Item>

팀원이 구현한 로그아웃 버튼안에 로그아웃하면 alert상태만 띄워주고 특정페이지로 이동한다거나 해서

 

페이지 구성을 바꿔주지 않더라 예를들면 로그아웃은 되지만 로그아웃 버튼은 그대로 남아있고

 

화면 초기화가 되지않아 새로고침을 한번 해주면 되겠다 생각, location.reload()를 사용해 주었다.

 

React같은 경우에는

window.location.replace("/")

이와같이 사용해도 된다. 알고 있으면 간혹 유용하다.

 

- 참고한 사이트

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

Location.reload() - Web API | MDN

https://velog.io/@hyunjoong/%EA%B2%BD%EB%A1%9C-%EC%9D%B4%EB%8F%99%EC%8B%9C-%EC%83%88%EB%A1%9C%EA%B3%A0%EC%B9%A8-%ED%95%98%EA%B8%B0

리액트 페이지 새로고침 하기