일단 Doit

고정 헤더 영역

글 제목

메뉴 레이어

일단 Doit

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Typescript
    • 최적화
    • Git
    • Vue
    • React
      • Router
      • typescript
      • TDD
      • Recoil
    • 경제

검색 레이어

일단 Doit

검색 영역

컨텐츠 검색

web

  • [React] Back 버튼으로 Modal 제어하기(1)

    2023.02.07 by 일단두잇

[React] Back 버튼으로 Modal 제어하기(1)

Android에서는 물리적인 Back 버튼이 존재합니다. 따라서, Hybrid Web 개발시 해당 버튼의 액션을 고려해야 합니다. 고려해야하는 경우는 팝업이나 Toast UI 같은 화면 위에 뜨는 팝업 즉, Layer 팝업이 열렸을 경우 입니다. Android Native앱에서는 Layered UI에 대한 Back 버튼 기능을 제공하나, Hybrid Web에서는 개발자가 직접 구현해야합니다. 이때 onpopstate Event를 사용하여 해당 기능을 구현할 수 있습니다. Layered UI는 history의 잡히지 않습니다. 따라서 history back키의 동작이 이전 history 즉, 팝업을 띄운 페이지 전페이지로 돌아갑니다. 그래서 LayeredUI를 강제적으로 history.forward를 실행..

React 2023. 2. 7. 10:20

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
TISTORY
일단 Doit © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바