Skip to content

[Feat] 페이지 이탈 방지 로직 추가 및 모달 수정 - #289

Merged
namdaeun merged 7 commits into
devfrom
feat/#288_modal
Jun 25, 2026
Merged

[Feat] 페이지 이탈 방지 로직 추가 및 모달 수정#289
namdaeun merged 7 commits into
devfrom
feat/#288_modal

Conversation

@namdaeun

@namdaeun namdaeun commented Jun 24, 2026

Copy link
Copy Markdown
Member

✨ 구현 기능 명세

페이지 이탈 방지 모달 추가 & ActionModal variant 및 레이아웃 수정

✅ PR Point

  1. 페이지 이탈 / 새로고침 / 내부 라우트를 차단하는 usePageLeaveBlocker를 추가했습니다.
  • 앱 내부의 이동은 routeChangeStart에서 감지하고, 브라우저 상에서 뒤로 가거나 앞으로 가는 동작은 router.beforePopState로 감지합니다.
  • 새로고침이나 탭을 닫을 땐 브라우저의 beforeunload 이벤트를 통해 막습니다.
  1. ActionModal
  • ActionModal의 경우 한 번 더 confirm하는 체크박스가 존재했는데, 단순화돼서 해당 부분을 삭제했고, 사용되지 않는 Variant를 지웠습니다.
  1. 우측 정보 모달로 인해 본문 내용 포커싱 안되는 이슈
  • 어드민에서 정보 버튼을 누르면 우측에서 등장하는 모달이 등장하지 않을 때에도 영역이 잡히는 이슈가 있었습니다.
  • 모달 상태에 따라 pointer-events 속성과 display속성을 추가하여 수정했습니다.

@namdaeun namdaeun self-assigned this Jun 24, 2026
@namdaeun
namdaeun merged commit 6438ba2 into dev Jun 25, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant