본문 바로가기

moonStory

검색하기
moonStory
프로필사진 moonStory_

  • 프론트엔드 (9)
    • 자바스크립트 (0)
    • React (1)
    • 문제 해결 (2)
    • 깃허브 (0)
    • 배포(Deploy) (1)
    • Angular (1)
    • REST API (2)
    • Firebase (1)
    • css(scss) (1)
Guestbook
Recent Posts
Recent Comments
Link
반응형
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록router (1)

moonStory

Anglar canDeactivate (라우터 이동 제어하기)

웹프로젝트 작업을 진행하던 중 데이터를 저장할 때 한 페이지에서 완료 버튼을 눌러 저장하는 방식이 아닌 [다음] -> [다음] -> [다음] 버튼을 눌러서 데이터를 작성하고 마지막 페이지에서 [저장] 하는 방식의 기획이 있었다. 그런 방식의 문제점이 사용자가 뒤로가기를 할 경우에 이전 페이지에서 input에 입력했던 데이터가 사라진다는 것이였다. 특정 프로세스를 진행 중이거나 보기에 저장되지 않은 변경 사항이 있을 때 다른 페이지로 이동을 할 때 이동하기 전에 진행 중인 프로세스가 취소되거나 진행할 경우 변경 사항이 삭제된다는 사실을 사용자에게 알려야 한다. 이 문제를 해결하기 위해 뒤로가기 이벤트가 발생할 경우 '이 페이지를 나갈 경우에 입력한 데이터가 삭제되고 첫 페이지로 이동합니다.' 라는 안내 메..

Angular 2023. 8. 5. 19:42
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바