hofix: 주변다른식당 클릭 이후 뒤로가기가 동작하지 않는 오류 개선

[shackstack]

✨ 요약

주변다른식당 클릭 이후 뒤로가기가 동작하지 않는 오류를 window.location.href 를 사용하지 않고 기존 방식과 동일하게 useNavigation을 사용하여 개선하였습니다. 그래서 지난 해결방식(#689)의 문제점인 캐싱이 되지 않는 문제가 보완되었습니다.

뒤로가기가 정상적으로 동작하지 않는 에러의 발생원인은 iframe 태크에 있었습니다.

iframe을 재사용하면서 다른 콘텐츠를 가리키도록 src 속성만 변경하면 콘텐츠 탐색으로 간주되어 iframe의 현재 src가 브라우저의 window.history 스택에 푸시되기 때문에 뒤로가기가 정상적으로 동작하지 않던 것이었습니다.
그래서 key props를 Iframe에 삽입해주어 iframe을 파괴하고 소스 코드를 변경해야 할 때마다 다시 생성하게함으로써 해결하였습니다.

관련 자료 : https://www.aleksandrhovhannisyan.com/blog/react-iframes-back-navigation-bug/

😎 해결한 이슈

• close [🐞 bug] 주변다른식당 클릭 이후 뒤로가기가 동작하지 않는 오류 개선 #688