React Router의 useBlocker 훅을 통한 웹뷰 환경의 안드로이드 물리 버튼 뒤로 가기 처리

• 안드로이드 웹뷰에서 물리 뒤로 가기 버튼을 처리할 때, 단순히 히스토리 스택을 기반으로 하는 것이 아닌 커스텀 로직이 필요한 경우가 많다.

• 기존의 이벤트나 popstate를 활용한 방식은 불안정한 동작, 무한 루프 위험, 사용자 경험 저하, 브라우저 간 호환성 문제 등의 단점이 있다.

• React Router v6의 훅을 사용하면 조건부 차단, 내비게이션 유형 감지, 프로그래매틱 제어를 통해 안정적으로 뒤로 가기 버튼을 제어할 수 있다.

• 훅을 활용하여 폼 작성 중 데이터 손실 방지, 특정 경로의 내비게이션 커스터마이징, 모달이 열려있을 때 모달 닫기, 결제 프로세스 중 뒤로 가기 방지 등의 시나리오를 구현할 수 있다.