[#188] Fix: 뒤로가기 제어

[Heeeera]

💬 Issue Number

closes #188

🤷‍♂️ Description

replace 옵션 추가

아래 경우 경로 이동 시 replace: true 옵션을 추가해 페이지 이동 시 새로운 스택을 쌓지 않고 대체합니다.

• 모임 생성 후 모임 상세 페이지로 이동
• 모임 확정 후 모임 상세 페이지로 이동
• 모임 확정 취소 후 모임 상세 페이지로 이동
• 모임 삭제 후 메인 페이지로 이동
• 리뷰 작성 후 종료된 게임 목록 페이지로 이동
• 강퇴 후 모임 상세 페이지로 이동
• 보드게임 공략 작성 후 보드게임 상세 페이지로 이동
• 모임 상세 페이지 내 Tab 이동
• 로그아웃 후 메인 페이지로 이동
• 프로필 수정 후 프로필 페이지로 이동
• 회원가입 페이지에서 메인 페이지로 이동

TabBar 뒤로가기

• 모임 상세 페이지 TabBar 뒤로가기 버튼 클릭 시 메인 페이지로 이동하도록 수정했습니다.

👻 Good Function

import { useNavigate } from 'react-router-dom';

const navigate = useNavigate();

navigate(url, { replace: true };

📋 Check List

PR 전 체크해주세요.

• Merge 하는 브랜치가 올바른가?
• 코딩컨벤션을 준수하는가?
• PR과 관련없는 변경사항이 없는가?

📒 Remarks

이동 전에 풀 스크린 모달(지하철역, 장소 피커)을 사용하는 작성 페이지는 모달 사용 시 pushState를 하기 때문에 브라우저 뒤로가기 버튼을 누르면 다시 작성 페이지로 이동하게 됩니다. 이 문제는 추후에 해결해야 할 것 같습니다!

• 모임 생성, 모임 확정, 프로필 수정, 회원가입 페이지

[HoberMin]

고생하셨어요