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

https://blog.naver.com/innovatorwhy/223007028525 [React] Back 버튼으로 Modal 제어하기(1) Android에서는 물리적인 Back 버튼이 존재합니다. 따라서, Hybrid Web 개발시 해당 버튼의 액션을 고려... blog.naver.com 위와 달리 window history의 api와 recoil을 활용하면 코드를 간결하게 사용하여 modal을 back버튼으로 제어 할 수 있습니다. 주요 개념은 아래와 같습니다. Modal과 같은 Layered Element들을 배열로 관리합니다. 해당 Modal을 관리하는 화면에서 사용할 수 있는 custom hook을 생성합니다. onpopstate 이벤트에서 해당 요소를 제거하고 해당 요소의 state을 변경합니다. 먼저, stack을 관리할 Recoil Atom을 생성합니다. const stackState = atom({ key: '@stack', default: [], }); 배열에 ...

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