Skip to content

[Frontend] 게시글 작성/수정 페이지 이탈 방지 #505

Description

@seohyun1257

설명

게시글 작성/수정 중 실수로 페이지를 떠날 때 확인 다이얼로그를 표시하여 내용 유실 방지

현재 상태

  • 뒤로가기/취소 버튼 클릭 시 확인 없이 바로 이동
  • 작성 중인 내용이 경고 없이 유실됨

요구사항

  • 내용이 있는 상태에서 브라우저 뒤로가기/새로고침 시 beforeunload 이벤트로 확인
  • React Router의 blocker를 사용하여 앱 내 네비게이션도 방지
  • 취소 버튼 클릭 시 확인 다이얼로그 표시
  • 게시 완료 시에는 확인 없이 이동

관련 파일

  • frontend/src/pages/board/PostWritePage.tsx
  • frontend/src/pages/board/PostEditPage.tsx

상위 이슈

#399

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions