Skip to content

[fix] 배포 환경에서 모임 생성 성공 후 redirect 시 브라우저 이탈 경고 노출 - #252

Merged
miloupark merged 3 commits into
devfrom
fix/#251/moim-create-beforeunload
Apr 17, 2026
Merged

[fix] 배포 환경에서 모임 생성 성공 후 redirect 시 브라우저 이탈 경고 노출#252
miloupark merged 3 commits into
devfrom
fix/#251/moim-create-beforeunload

Conversation

@miloupark

Copy link
Copy Markdown
Member

📌 Summary

배포 환경에서 모임 생성 성공 후 redirect 시 브라우저 기본 이탈 경고가 노출되던 문제를 수정했습니다.

📄 Tasks

기존에는 작성 여부(isDirty)를 기준으로 모든 이탈 가드를 동일하게 처리하고 있어,
모임 생성 제출 직후 isPending 상태에서 페이지 이동이 발생할 때도 브라우저 unload 경고가 함께 노출되고 있었습니다.

해결하기 위해 leave guard 조건을 분리했습니다.

  • isDirty
    • 뒤로가기 / 취소 버튼 클릭 시 커스텀 이탈 모달 제어
  • shouldBlockBeforeUnload
    • 새로고침 / 탭 닫기 / 주소창 이동 시 브라우저 기본 경고 제어

제출 진행 중(isPending)에는 beforeunload만 비활성화하여,
작성 중 뒤로가기 가드는 유지하면서 정상적인 생성 완료 redirect 시 경고가 뜨지 않도록 수정했습니다.

  • useMoimCreateLeaveGuard

    • shouldBlockBeforeUnload 옵션 추가
    • beforeunload 조건을 isDirty와 분리
  • MoimCreateForm

    • shouldBlockBeforeUnload: form.formState.isDirty && !isPending 적용

👀 To Reviewer

📸 Screenshot

@miloupark miloupark self-assigned this Apr 17, 2026
@miloupark
miloupark requested a review from a team as a code owner April 17, 2026 04:17
@miloupark
miloupark requested review from chan-byeong and removed request for a team April 17, 2026 04:17
@miloupark miloupark added 🐛 Fix 버그 수정 🚨 HOTFIX 긴급 수정 labels Apr 17, 2026
@miloupark
miloupark merged commit 5eb08e3 into dev Apr 17, 2026
2 checks passed
@miloupark
miloupark deleted the fix/#251/moim-create-beforeunload branch April 17, 2026 04:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🐛 Fix 버그 수정 🚨 HOTFIX 긴급 수정

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[fix] 배포 환경에서 모임 생성 성공 후 redirect 시 브라우저 이탈 경고 노출

1 participant