[JavaScript] 클릭 시, 새 창으로 결과 출력

이전에 포스팅된 Table Id 클릭 시, 해당 Table ID의 User Betting Logs 결과를 보여주기 위해 개발한 라우팅 기능에서

현재, 같은 창에서 URL이 넘어가서 결과를 보여주기에 뒤로가기 클릭 시, 데이터가 유실되는 문제점이 있었다.

 

따라서, 기존의 창이 아닌 새로운 창을 또는 새로운 탭을 통해 결과를 보여줌으로써 데이터가 유실되지 않도록 변경한다.

 

먼저, 새 탭, 새 창을 이용한 라우팅을 위해 찾아본 결과로는 https://rocabilly.tistory.com/84 해당 블로그를 찾았다.

해당 글에 따르면 window.open(URL); 을 통해서도 간단히 새 창을 띄울 수 있다는 것을 알게 되었고

 

기존의 코드를

location.href = "/report/router?tableId=" + tableId;

아래와 같이 변경함으로써 쉽게 해결할 수 있었다.

window.open("/report/router?tableId=" + tableId);