[React] Back 버튼으로 Modal 제어하기(1)

Android에서는 물리적인 Back 버튼이 존재합니다. 따라서, Hybrid Web 개발시 해당 버튼의 액션을 고려해야 합니다. 고려해야하는 경우는 팝업이나 Toast UI 같은 화면 위에 뜨는 팝업 즉, Layer 팝업이 열렸을 경우 입니다. Android Native앱에서는 Layered UI에 대한 Back 버튼 기능을 제공하나, Hybrid Web에서는 개발자가 직접 구현해야합니다. 이때 onpopstate Event를 사용하여 해당 기능을 구현할 수 있습니다. Layered UI는 history의 잡히지 않습니다. 따라서 history back키의 동작이 이전 history 즉, 팝업을 띄운 페이지 전페이지로 돌아갑니다. 그래서 LayeredUI를 강제적으로 history.forward를 실행하고 팝업을 닫아줍니다. 1.Screen A,B가 History에 쌓입니다. 2.Back을 선택합니다. 3.Screen A로 돌아갑니다. 4.강제로 Screen B로 이동 시킵니다. ...

원문링크 : [React] Back 버튼으로 Modal 제어하기(1)