[javascript] history.pushState - 화면전환

history.pushState 는 페이지 리로드 없이 주소만 변경할 때 사용한다. (브라우저의 뒤로가기 버튼이 활성화 됨 )

브라우저 페이지를 이동하게 되면 window.onpopstate 이벤트가 발생하게 된다.

pushState를 했을 때는 popstate 이벤트가 발생하지 않고, 

뒤로 / 앞으로 가기를 클릭 했을 때 popstate이벤트가 발생하게 된다.

 

pushState와 popstate를 이용하여 SPA의 페이지 전환을 구현할 수 있다.

 

< 구조 > 

history.pushState( state, titile, url );

state : 브라우저 이동 시 넘겨줄 데이터

title : 변경할 브라우저 제목 ( 변경하지 않으려면 null )

url : 변경할 주소

 

profileForm.jsp